チェックボックスのオンオフ切り替え
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使う