属性設定が機能していない.on（クリック）

Question

チェックボックスに「checked」の属性を設定しようとしています。

コード：

$(".ui.toggle").on("click", function() { 

    if ($('#ownplace').not(':checked')) { 
    $('#ownplace').attr('checked', true); 
    } 
    else { 
    $('#ownplace').prop('checked', false); 
    } 

}); 

それは大丈夫ボックスをcheckes、しかし、それはオフに文句を言いません。私はpropの代わりにattrを使用することを含む複数の解決策を試しました - そして、私は検索を行ったが、何もこの特定の問題を明確にするようではない。これはworkes

if($data['ownplace'] == checked) { 
     $user->ownplace = $data['ownplace']; 
} 

：$('#ownplace').prop('checked', !$('#ownplace').is(':checked'));をしかし、それは、フィールド上のchecked属性を設定していない私は、チェックボックスがチェックされている場合はそうのように、キャプチャできるようにする必要があります

EDIT

、チェックされているかどうかチェックすることはできません。

入力フィールドにchecked="checked"が設定されているので、on clickと入力すると、になりません。

.propはそうではありません。私はそう思っています。代わりに

パトリック

Answer 1

使用prop()機能：あり）（、小道具を

$('#ownplace').prop('checked', true); 

EXPLANATION

使用attrが（）、あまりにも動作します（ただし、句が間違っている、あなたの場合）が、最も推奨されます。

あなたはcheckboxeの状態で使用するためにチェックしたい場合はis(:checked)

if (!$('#ownplace').is(':checked')) { 
    $('#ownplace').prop('checked', true); 
} 

Answer 2

変更：

$('#ownplace').attr('checked', true); 

へ：

$('#ownplace').prop('checked', true); 

Answer 3

あなたはprop代わりのattr

を使用する必要があります

$('#ownplace').prop('checked', true);

attrのみ 1.6 jQueryのまたはかなりありそうな問題がif条件である

Answer 4

前に動作します。用途：次に

!$('#ownplace').is(':checked') //instead of $('#ownplace').not(':checked') 

チェックボックスをチェックするために、次を使用します。

$('#ownplace').prop('checked', true); 

Answer 5

それは.ui.toggleは、いくつかの問題を引き起こす可能性のためqueryselectorようです。ここではJSFiddleがありますが、.ui-toggleのコードはうまく動作しますが、.ui.toggleの場合は表示されません。

https://jsfiddle.net/krnitesh/uovoykya/

<button class="ui.toggle" >Click Me</button> 
<input type="checkbox" id="ownplace" checked="true" /> 

<button class="ui-toggle" >Click Me</button> 
<input type="checkbox" id="ownplace2" checked="true" /> 
$('.ui.toggle').on("click", function() { 
console.log(($('#ownplace').is(':checked'))); 

$('#ownplace').prop("checked", !($('#ownplace').is(':checked'))); 

}); 

$('.ui-toggle').on("click", function() { 
console.log(($('#ownplace2').is(':checked'))); 

$('#ownplace2').prop("checked", !($('#ownplace2').is(':checked'))); 

});