- ベストアンサー
チェックボックスのON/OFF方法を教えてください
- チェックボックスのON/OFF方法を教えてください。データベースから取り出したデータをテーブルに配置し、各行ごとに1つのチェックボックスがあります。チェックボックスのON/OFF状態を配列で送りたいと思っています。
- この質問では、テーブルの特定の行をクリックしてチェックボックスをON/OFFする方法について教えてください。セルクリックで背景色を変更するサンプルとチェックボックスの全選択/全解除のサンプルはすでにあるため、それらとの組み合わせ方や加工の方法を知りたいと考えています。
- 質問文章の内容は、チェックボックスのON/OFF方法についてです。データベースから取得したデータをテーブルに配置し、各行には1つのチェックボックスがあります。この質問では、特定の行をクリックしてチェックボックスのON/OFF状態を変更する方法を知りたいと思っています。また、セルクリックで背景色を変更するサンプルやチェックボックスの全選択/全解除のサンプルはすでに存在しているので、それらとの組み合わせ方や加工の方法について教えてください。
- koke29
- お礼率100% (34/34)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
＞<label for="">の機能をTRに付けたいのです おっしゃる通りに<label>を利用するのが素直な気がしますが、何か問題があるのでしょうか？ スクリプトを利用する場合はPHPで<tr>にonclickを設定しておいて、スクリプトでその中（行内）のチェックボックスの値を変えるようにしておけばよいのでは？ 以下、ご参考まで（inputタグはtd直下にあるものと仮定しています） <html> <head> <script> function fuga(elm){ var el = elm.childNodes; for (i=0; i<el.length; i++){ var e = el[i].firstChild; while (e){ if (e.nodeName=='INPUT' && e.type=='checkbox'){ e.checked = !e.checked; } e = e.nextSibling; } } } </script> </head> <body> <table width=200> <caption align="left">◆labelタグ使用の例</caption> <tr><td><input type="checkbox" id="t1"></td> <td><label for="t1">ID1</label></td> <td><label for="t1">Name1</label></td> </tr><tr> <td><input type="checkbox" id="t2"></td> <td><label for="t2">ID2</label></td> <td><label for="t2">Name2</label></td> </tr></table> <p> <table width=200> <caption align="left">◆onclick使用の例</caption> <tr onclick="fuga(this)"> <td><input type="checkbox"></td><td>ID3</td><td>Name1</td> </tr> <tr onclick="fuga(this)"> <td><input type="checkbox"></td><td>ID4</td><td>Name4</td> </tr></table> </body> </html>
お礼
fujillinさま 返答ありがとうございます！ <label for>とjavascriptの例、教えて頂いて本当に感謝です 実は<tr><label for>なんてことをやって、出来ぬ…って 諦めてたのでjavascriptなら何か方法あるだろうと思って 質問してみたんですよ…（構文間違ってりゃ当たり前ですね） 丁寧な返答、本当にありがとうございました