Jquery checkbox.checked 总是返回 false答案

【问题标题】：Jquery checkbox.checked always returns falseJquery checkbox.checked 总是返回 false
【发布时间】：2014-01-14 17:54:46
【问题描述】：

$("tbody input[name='rooms_to_book']").on('change',function(){
    var current_row = $(this).closest("tr");
    var current_checkbox = current_row.find("input[name=checkbox]");
    if(current_checkbox.checked) {
        var price_per_night = parseFloat(current_row.find("td[name=price]").text().replace('$',''));
        var rooms_to_book = parseInt(current_row.find("input[name=rooms_to_book]").val());
        rooms_to_book = rooms_to_book ? rooms_to_book : 0;
        total_price = price_per_night * rooms_to_book;
    }else{
        total_price = 0;
    }
    current_row.find("td[name=total_price]").text('$'+ total_price);
});

current_checkbox.checked 总是返回 false，html 是正确的。

【问题讨论】：

HTML 可能是正确的，但您需要将其添加到您的问题中。
看看这个可能对你有帮助api.jquery.com/attr
checked 不是 jQuery 对象的属性
JS .checked vs jquery attr('checked'), what is the difference?的可能重复

标签： javascript jquery

【解决方案1】：

jQuery 对象没有checked 属性。替换

current_checkbox.checked

与

current_checkbox.prop('checked')

http://api.jquery.com/prop

【讨论】：

【解决方案2】：

您正在使用 current_checkbox.checked，复选框没有任何“已检查”属性，但您可以使用 $('#id').is(':checked')

【讨论】：

【解决方案3】：

您使用的是 jQuery 元素，而不是 DOM 元素。使用：

if(current_checkbox.prop("checked")) {

} //just for Steve <3

【讨论】：

【解决方案4】：

current_row.find("input[name=checkbox]")

我很确定这会返回一个 jQuery 对象，不是底层的复选框元素。

if(current_checkbox[0].checked)

应该可以。

【讨论】：