テーブルで表を作成しており、セル内にチェックボックスを入れています。
このチェックボックスを選択すると、選択した列の背景色を変更したいのですが、うまくいきません…
何が原因になるのでしょうか?
JQともに初心者のため、基本的な内容で申し訳ありません。
よろしくお願いいたします。
HTML
<table class="tableWrap_table"> <tr class="tableWrap_tr"> <th>選択</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> <th>文字文字</th> </tr> <tr class="tableWrap_trs"> <td> <input type="radio" id="input"> <label class="-patientChoice" for="input"> <span class="check_content"></span> </label> </td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> <td>文字文字</td> </tr> コード
JQ
$('#input').on('click', function(){ $(’.tableWrap_tr').toggleClass('isActive'); }) コード
css
.isActive{ background:#000; } コード
> うまくいきません…
どううまくいかないのでしょうか。〜となるはずが、〜となってしまう、ということを具体的に書いてください。
「セル内にチェックボックスを入れています」とのことですが、HTMLではラジオボタンになってますね。どちらが希望のことですか。
「列の背景色」を変更したいということですが、ラジオボタンは行の先頭にあるので「選択した行の背景色」を変更したいのではないですか。
仕様は正確に提示してください。
@int32_t
失礼しました。
選択したラジオボタンの列にクラスを付与して、背景色を変更したいのですが、クラス付与自体ができない状況です。
@hatena19
ご記載いただいたとおりです。
ラジオボタンでした、失礼しました。
合わせて、「選択した行の背景色」を変更したいの旨で間違いありません。質問が不正確で申し訳ありません。
まだ回答がついていません
会員登録して回答してみよう