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

質問編集履歴

1

<form>の追加

2019/08/20 23:51

投稿

cofcof
cofcof

スコア37

title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,11 @@
1
1
  フォームで、必須項目が埋まり、ラジオボタンやチェックボックスが最低1つチェックされている場合にのみ送信ボタンを押せるようにしたいです。
2
2
  (下記サンプルは必須項目のみにしてあります)
3
- 下記のように作ってみたのですが、ラジオボタンやチェックボックスの挙動うまくいきません。
3
+ 下記のように作ってみたのですが、ラジオボタンやチェックボックスの挙動おかしく、チェックを一つ入れた時のみ正常に動作し、それ以外では押せるよになりませんでした
4
4
  環境はHTML5でjQuery2.2.4で試しています。
5
5
  不慣れで申し訳ありませんが、うまく動く方法をご教示いだけないでしょうか。
6
6
 
7
7
  ```HTML
8
+ <form>
8
9
  <dl>
9
10
  <dt>項目1</dt>
10
11
  <dd><input type="text" name="name1" id="name1" required></dd>
@@ -32,6 +33,7 @@
32
33
  </dd>
33
34
  </dl>
34
35
  <input type="submit" name="submit" id="submit" value="送信" class="send">
36
+ </form>
35
37
  ```
36
38
 
37
39
  ```javascript