javascript - jqueryを使用してhtmlティックボックスを事前設定する

Question

このコード、

$("#x").removeAttr("checked").removeAttr("unchecked").attr("foo","bar");

この HTML 入力の結果:

<input type="checkbox" id="x" foo="bar">

それでもこれ：

$("#x").removeAttr("checked").removeAttr("unchecked").attr("checked","true");

結果は次のようになります。

<input type="checkbox" id="x" checked="checked">

何が起こっている？この checked="checked" 属性にもかかわらず、チェックボックスは依然として頑固にチェックされていません。

HTML入力のchecked属性を切り替える最良の方法は何ですか?

score 5 · Accepted Answer

.prop()の代わりに使用のチェックを切り替えるには.attr():

$('#x').prop('checked',true);
$('#x').prop('checked',false);

別のボタンでチェックボックスを切り替えたい場合は、次を使用できます。

var $x  = $('#x'); // don't query every click - Credit: Roko :) 
$('.button').click(function(){      
    $x.prop('checked', !$x.is(':checked'));
})

score 0 · Accepted Answer

$('#x')[0].checked = true; // true / false

トグル：

var $cbx = $('#x')[0];

$('#toggle').click(function(){
  $cbx.checked = !$cbx.checked;
});