jQueryUIダイアログにプッシュされたボタンに基づいてチェックボックスを設定する

クリックするとダイアログが表示されるチェックボックスがあります。「完了」をクリックすると、チェックボックスにチェックマークが表示されます。「キャンセル」をクリックすると、チェックボックスにチェックマークを付けないようにします。このコードを使用している間jQueryUIダイアログにプッシュされたボタンに基づいてチェックボックスを設定する

現在、私は、チェックボックスを設定することができません。

<script type="text/javascript"> 
      $(document).ready(function() { 
        var dialog = $("#test-dlg").dialog({ 
          modal:true, 
          autoOpen:false, 
          buttons: { 
            "Done": function() { $("#test-chk").attr("checked", "checked"); $(this).dialog("close"); }, 
            "Cancel": function() { $("#text-chk").removeAttr("checked"); $(this).dialog("close"); } 
          } 
        }); 

        $("#test-chk").click(function(e) { 
          dialog.dialog('open'); 
          e.preventDefault(); 
        }); 
      }); 
    </script> 
</head> 
<body> 
    <form action="#"> 
      <input type="checkbox" id="test-chk" /><label for="test-chk">Testing</label> 
    </form> 
</body> 
<div id="test-dlg"> 
    <p>Test Dialog</p> 
</div>

出典

2011-05-13 staackuser2

あなたはjQueryの1.6を使用しているので、あなたは.prop()の代わり.attr()を使用する必要があります。

変更この：これに$("#test-chk").attr("checked", "checked");

：$("#test-chk").prop("checked", "checked");

出典

2011-05-13 02:02:38 Yisroel

ありがとう！あなたは私が答えを見つけたのと同じように答えました：http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/ – staackuser2

jQueryUIダイアログにプッシュされたボタンに基づいてチェックボックスを設定する

答えて

関連する問題