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

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

本文关键字：复选框 获取 附加值 javascript jquery      更新时间：2023-09-26

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

function getValues() {
    var cost = 0;
    var isChecked = $('.isLab').prop('checked');
    $('.isLab').each(function () {
        if (isChecked == true) {
            cost = 150
        }
    });
    alert(cost);
}


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

内联注释。。。

function getValues() {
    var cost = 0;
    $('.isLab').each(function (index, element) {
        if (element.checked == true) { // reference current checkbox
            cost += 150; // ADD to it!
        }
    });
    alert(cost);
}
相关文章：