1

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

偽のチェックボックスをクリックしても本物のチェックボックスはチェックされませんが、本物のチェックボックスがチェックされている場合、偽のチェックボックスをクリックすると、本物のチェックボックスがオフになることを意味します。最初のチェックボックスの何が問題なのですか?

4

5 に答える 5

9

デモ http://jsfiddle.net/ktwDK/3/

よく読んでください：http://api.jquery.com/checked-selector/

.is(":checked")あなたのためにトリックを行います。

jqueryコード

$(".realcheckbox").click(function(){
    alert($(this).is(":checked"));
});​
于 2012-05-10T11:00:48.623 に答える
3

is(":checked")テストに使用:

var xchecked = $(this).siblings(".realcheckbox").is(":checked");
于 2012-05-10T11:00:56.907 に答える
0 
$(".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);
    }
});
于 2012-05-10T11:55:34.153 に答える
0

たぶん、そのために pseudo をチェックする必要があります:

var xchecked = $(this).siblings(".realcheckbox").is(":checked");
于 2012-05-10T11:01:30.837 に答える
0 
$('.checkBox').click(function() {
   var thisCheck = $(this);
 if (thisCheck.is(':checked')) {
//do your stuff
  }
});
于 2012-05-10T11:06:43.757 に答える