サンプルはこんな感じ。セレクターの要素それぞれに値の設定を適用してくれる。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function($){ $('input[name^="q1"]').attr("checked",true); $('#allclear').on("click", function(){ $('input[name^="q1"]').prop("checked", false); }); }); </script> </head> <body> <form> <input type="checkbox" name="q1[0]" value="1" id="q1_1"><label for="q1_1">1</label> <input type="checkbox" name="q1[1]" value="1" id="q1_2"><label for="q1_2">2</label> <input type="checkbox" name="q1[2]" value="1" id="q1_3"><label for="q1_3">3</label> <input type="button" id="allclear" value="すべてクリア"> </form> </body> </html> |
なお、値を取得するときは、eachやmapで回さないといけない。(まあ、当然ですが)
・・・というよりも、私は値を設定するときにも回さないといけないと思っていたので、そんなことはしなくてもいいんだよっていう備忘録です。
それから・・・checkedは「checked」「checked=checked」「checked=true」とかあるのでattributeではなくてpropertyだよねーって意味で、propを使うようにしています。もちろん、どちらも使える(propは新しくバージョン1.6から)という選択肢がある場合ですが。