アナログCPU:5108843109

ゲームと音楽とプログラミング(酒と女とロックンロールのノリで)

('ω') < イザユケエンジニャー

チェックボックスのオンオフ切り替え

JSからチェックボックスのチェック有無を切り替える方法。
考え方としてはcheckboxタグの「checked」を入れたり消したりするだけ。

<HTML>

<input type="checkbox" id="cb1">

jQuery

// チェックを入れる
$("#cb1").prop("checked", true);
// チェックを消す
$("#cb1").prop("checked", false);

さらに、二つのチェックボックスについて
「同時に両方はチェックできない仕様」にするやつ。
ラジオボタンで実装するかどうか迷ったけど、
 ラジオボタンにしたところで
 結局選択を消すJSを用意する必要があり、もうどっちでもいいか、と…)

もう片方がチェックされているかどうか…とか確認する必要なくね?と思って
「片方をチェックしたらもう片方は強制オフ」という作りになっています。

<HTML>

<input type="checkbox" id="cb1">
<input type="checkbox" id="cb2">

jQuery

$(function(){
	$("#cb1").click(function() {$("#cb2").prop("checked", false)});
	$("#cb2").click(function() {$("#cb1").prop("checked", false)});
});

参考
ちょいちょいわからなくなるcheckbox, radio, selectboxの値の取り方
jQueryで全選択・全解除はprop使う