检查是否选中了复选框

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);
    }
});