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

Question

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

function getValues() {

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

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

Answer 1

$('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>

Answer 2

内联评论...

function getValues() {

    var cost = 0;

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

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

How to get an added value from multiple checkboxes in javascript/jquery?

javascript

checkbox

jquery