如何从javascript / jquery中的多个复选框中获取附加值?

时间:2015-04-03 00:37:17

标签: javascript jquery checkbox

我有一个按钮添加了多个复选框。我想为每个选中的复选框指定值150。也许我的逻辑是错误的,但我无法让它发挥作用。想法?

function getValues() {

    var cost = 0;
    var isChecked = $('.isLab').prop('checked');

    $('.isLab').each(function () {
        if (isChecked == true) {
            cost = 150
        }
    });
    alert(cost);
}

2 个答案:

答案 0 :(得分:2)

$('button').click(getValues);

function getValues() {
    alert( $('.isLab:checked').length * 150 );
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type="checkbox" class="isLab"/> Item 1<br/>
<input type="checkbox" class="isLab"/> Item 2<br/>
<input type="checkbox" class="isLab"/> Item 3<br/>
<button>Get values</button>

答案 1 :(得分:0)

评论内联......

function getValues() {

    var cost = 0;

    $('.isLab').each(function (index, element) {
        if (element.checked == true) { // reference current checkbox
            cost += 150; // ADD to it!
        }
    });
    alert(cost);
}