teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コード修正

2021/12/20 10:06

投稿

退会済みユーザー
answer CHANGED
@@ -5,7 +5,7 @@
5
5
  という条件が満たされているとき**true**、そうでないとき**false**になる変数`inputOk` は以下で得られます。
6
6
 
7
7
  ```javascript
8
- const inputOk = [...checkboxGroups].every(group => group.querySelector(':checked'));
8
+ const inputOk = checkboxGroups.every(group => group.querySelector(':checked'));
9
9
  ```
10
10
 
11
11
  この `inputOk` を使ってボタンの活性、非活性を制御すればよいです。

1

コード修正

2021/12/20 10:06

投稿

退会済みユーザー
answer CHANGED
@@ -1,4 +1,4 @@
1
- チェックボックスのグループである`div. checkbox`の配列を `checkboxGroups` という変数に得られたとします。そうすると、
1
+ チェックボックスのグループである`div.checkbox`の配列を `checkboxGroups` という変数に得られたとします。そうすると、
2
2
 
3
3
  > 各グループで最低1つチェックされたら
4
4
 
@@ -8,4 +8,6 @@
8
8
  const inputOk = [...checkboxGroups].every(group => group.querySelector(':checked'));
9
9
  ```
10
10
 
11
+ この `inputOk` を使ってボタンの活性、非活性を制御すればよいです。
12
+
11
13
  - サンプル ???? [tera: 374743@codepen.io](https://codepen.io/kilesa/pen/JjrJmme?editors=0010)