1

実際に直面している問題を再現するために、次の小さなコードを作成しました。初めて「すべて選択」ボタンをクリックすると、正常に動作します。同様に、「Select None」ボタンをクリックすると正常に動作します。しかし、もう一度「すべて選択」をクリックしても機能しません。同様に、div を .empty() し、「Click Me」ボタンで再設定するとします。どちらのボタンも初回のみ機能します。私のjQueryコードは次のとおりです。

$("#populate").click(function() {
   $("#populateme").empty();
   $("#populateme").html("<input type=checkbox name=tester1 class=tester value=1><input    type=checkbox name=tester2 class=tester value=2><input type=checkbox name=tester2  class=tester value=3><input type=button name=selectall id=selectall value=selectall><input  type=button name=selectnone id=selectnone value=selectnone>");
});
$(document).on("click","#selectall",function() {
   $(".tester").attr("checked",true);
});
$(document).on("click","#selectnone",function() {
   $(".tester").attr("checked",false);
});

次のリンクで問題をプレビューできます: http://jsfiddle.net/RHFMT/1/

4

1 に答える 1

4

次のように、状態を設定およびクリアするprop代わりに使用します。attrchecked

$(document).on("click","#selectall",function() {
    $(".tester").prop("checked",true);
});
$(document).on("click","#selectnone",function() {
    $(".tester").prop("checked",false);
});

ここで詳細を参照してください: jQuery でチェックボックスの「チェック済み」を設定しますか?

于 2013-09-20T05:25:01.067 に答える