下記のようなチェックボックスがあります。
html
1<input type="checkbox" name="hoge[]" value="10" checked=""> 2<input type="checkbox" name="hoge[]" value="20" checked=""> 3<input type="checkbox" name="hoge[]" value="30" checked=""> 4<input type="checkbox" name="hoge[]" value="40" checked="">
valueが「10」のチェックボックスにチェックが入ったら、valueが「20」のチェックボックスにもチェックをつけたいです。
チェックが外れたら逆にチェックを外したいです。
TypeScript
1... 2... 3 document.querySelectorAll( 4 "input[type='checkbox'][name='hoge[]']", 5 ), 6 element => { 7 element.addEventListener('change', event => { 8 const input_check = event.target as HTMLInputElement; 9 if (input_check.checked) { 10 // チェックされたらここにくる 11 } 12 }); 13 }, 14... 15...
こんな感じでチェックがされたときのイベントは拾えるようになったのですが、valueが「10」のときvalueが「20」のチェックボックスにもチェックつけるということができず悩んでいます。
ご教示お願いいたします。
追記:やはりinputにidがないと難しいのでしょうか。。
回答1件
あなたの回答
tips
プレビュー