javascript - 检查复选框是否被选中

Question

HTML 代码：

<div class="checkbox" style=" float:left "></div>
<input type="checkbox" class="realcheckbox" id="financing"  />

jQuery代码：

$(".checkbox").click(function() { 
    var xchecked = $(this).siblings(".realcheckbox").attr("checked");
    if (xchecked == false) {
        $(this).css("background-image","url('checkboxselected.png')");
        $(this).next(".realcheckbox").attr("checked",true);
    }
    else {
        $(this).css("background-image","url('checkbox.png')");
        $(this).next(".realcheckbox").attr("checked",false);
    }
});

点击假的复选框不是检查真实的，但是如果选中了真实的复选框，则单击假的复选框就可以了，这意味着真实的未选中，第一个有什么问题？

Answer 1

演示 http://jsfiddle.net/ktwDK/3/

好读：http ://api.jquery.com/checked-selector/

.is(":checked")将为您解决问题。

jQuery代码

$(".realcheckbox").click(function(){
    alert($(this).is(":checked"));
});​

Answer 2

用于is(":checked")测试：

var xchecked = $(this).siblings(".realcheckbox").is(":checked");

Answer 3

也许您需要为此检查伪：

var xchecked = $(this).siblings(".realcheckbox").is(":checked");

Answer 4

$('.checkBox').click(function() {
   var thisCheck = $(this);
 if (thisCheck.is(':checked')) {
//do your stuff
  }
});

Answer 5

$(".checkbox").click(function() { 
    var xchecked = $(this).find(".realcheckbox").prop("checked");
    if (xchecked == false) {
        $(this).css("background-image","url('checkboxselected.png')");
        $(this).next(".realcheckbox").attr("checked",true);
    }
    else {
        $(this).css("background-image","url('checkbox.png')");
        $(this).next(".realcheckbox").attr("checked",false);
    }
});