- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：チェックボックスtableの行の複数選択）
チェックボックスtableの行の複数選択
このQ&Aのポイント
- チェックボックスtableの行の複数選択についてjQueryで操作する方法を教えてください。
- 参考にしたサイトにあるバグを修正して、一番左のチェックボックスをクリックしてもONになるようにしたいです。
- さらに、チェックがついた行の背景色を変えたり、マウスオーバー中に一行ハイライト表示する方法も教えてください。
- chintao1224
- お礼率100% (3/3)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- int3
- ベストアンサー率34% (65/190)
回答No.1
>ここはバグがあって一番左のチェックボックスはクリックしてもONになりません。 >チェックONの行の背景色をつけたりもしたいのですが、よくわかりませんでした。 http://jsfiddle.net/17z691sh/1/ 例えば、こんなかんじでしょうか？
質問者
お礼
ありがとうございます。 教えていただいたjsにヘッダのチェックボックスクリック時に全チェックボックスをONにしたくて以下のコードを追加しました。 $('table th :checkbox').click(function(){ if($(this).is(':checked')){ $('td:first-child input').prop('checked',true); }else{ $('td:first-child input').prop('checked',false); }; }) けど思うように行かず。。。 今一度ヒントだけでもお願いできますでしょうか。 よろしくお願いします。
お礼
ありがとうございます。 思い通りのことができました。 ありがとうございます。