回答編集履歴

1

調整

2022/09/02 10:57

投稿

yambejp
yambejp

スコア114309

test CHANGED
@@ -14,4 +14,19 @@
14
14
  <label><input type="checkbox" name="hoge" value="トマト" />トマト</label>
15
15
  <p class="result4"></p>
16
16
  ```
17
- (2)は条件がわからないので詳細を追記てくださ
17
+ (2)は条件がわからないのでしいですがこんなかんじ
18
+ ```javascript
19
+ <script>
20
+ document.addEventListener('change', e=>{
21
+ const t=e.target;
22
+ if(t.matches('[type=checkbox]')){
23
+ document.querySelector('.result4').textContent=[...document.querySelectorAll('[type=checkbox]:checked')].map(x=>`no${[...document.querySelectorAll('[type=checkbox]')].indexOf(x)+1}=${x.value}`).join('&');
24
+ }
25
+ });
26
+ </script>
27
+ <label><input type="checkbox" name="hoge" value="リンゴ" />リンゴ</label>
28
+ <label><input type="checkbox" name="hoge" value="バナナ" />バナナ</label>
29
+ <label><input type="checkbox" name="hoge" value="オレンジ" />オレンジ</label>
30
+ <label><input type="checkbox" name="hoge" value="トマト" />トマト</label>
31
+ <p class="result4"></p>
32
+ ```