Q&A
ありがとうございます。動きました！
ベスト評価２つ欲しいです^^;;
前提
javascriptで、同一nameのチェックボックス全てにチェックを入れたいんですが、複数の値をphpで受け取りたくnameを配列としています。
<input type="checkbox" name="hoge[]" value="1"> <input type="checkbox" name="hoge[]" value="2"> <input type="checkbox" name="hoge[]" value="3">以下のように
<input type="checkbox" name="hoge" value="1"> <input type="checkbox" name="hoge" value="2"> <input type="checkbox" name="hoge" value="3">nameが配列でなければ、
const checkbox1 = document.getElementsByName("hoge")
function checkAll() {
for(i = 0; i < checkbox1.length; i++) {
checkbox1[i].checked = true
}
}
で、全てにチェックが付くのですが、nameが配列だと上記javascriptでは動きません。nameが配列の時に全てチェックを入れるには、javascriptをどう書けばよいか、ご教授よろしくお願いいたします。
回答2件
0
ベストアンサー
普通にdocument.getElementsByName("hoge[]")にすれば全部チェック入りましたよ
html
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>チェックボックスの配列</title> 8 <script> 9 window.addEventListener('DOMContentLoaded', function (event) { 10 const checkbox1 = document.getElementsByName('hoge[]'); 11 function checkAll() { 12 for (i = 0; i < checkbox1.length; i++) { 13 checkbox1[i].checked = true 14 } 15 } 16 checkAll(); 17 }); 18 </script> 19</head> 20 21<body> 22 <form action=""> 23 <input type="checkbox" name="hoge[]" value="1">チェック1 24 <input type="checkbox" name="hoge[]" value="2">チェック2 25 <input type="checkbox" name="hoge[]" value="3">チェック3 26 </form> 27</body> 28 29</html>
投稿2022/08/11 04:58
総合スコア2701
0
js
1const checkbox1 = document.getElementsByName("hoge[]")
投稿2022/08/11 04:50
総合スコア69398
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/08/11 13:11