googleフォームで、必須項目がはずれてしまう。

Question

<label for="otoiawase-04">質問(複数回答可※必須)</label><span class="br"></span>
<input name="entry.10738689437_sentinel" id="Obstacle" type="checkbox" placeholder="回答1 *" value="回答1">
<label class="help-block text-warning form-inner">回答1</label>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答2 *" value="回答2">
<label class="help-block text-warning form-inner">回答2</label>
<span class="br-回答2"></span><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答3 *" value="回答3">
<label class="help-block text-warning form-inner">回答3</label>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答4 *" value="回答4">
<label class="help-block text-warning form-inner">回答4</label><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答5 *" value="回答5">
<label class="help-block text-warning form-inner">回答5</label><span class="br-1"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答6 *" value="回答6">
<label class="help-block text-warning form-inner">回答6</label>

上記コードでフォームを埋め込んでいるのですが、googleフォーム側に必須の設定をしていますが選択しなくても送信ボタンが押せてしまいます。（データは送信されていないです）
requiredを追記した場合は全て選択しないと送信できなくなり困っています。

必須項目のまま、複数選択が出来るようにするにはどうすればいいでしょうか？

追記です。下記の通りにしたら全選択しないと動かなくなりました。

<label for="otoiawase-04">質問(複数回答可※必須)</label><span class="br"></span>
<input name="entry.10738689437_sentinel" id="Obstacle" type="checkbox" placeholder="回答1 *" value="回答1"　>
<label class="help-block text-warning form-inner">回答1</label>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答2 *" value="回答2"　required>
<label class="help-block text-warning form-inner">回答2</label>
<span class="br-回答2"></span><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答3 *" value="回答3"　required>
<label class="help-block text-warning form-inner">回答3</label>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答4 *" value="回答4"　required>
<label class="help-block text-warning form-inner">回答4</label><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答5 *" value="回答5"　required>
<label class="help-block text-warning form-inner">回答5</label><span class="br-1"></span>
<input name="entry.1073868943" id="Obstacle" type="checkbox" placeholder="回答6 *" value="回答6"　required>
<label class="help-block text-warning form-inner">回答6</label>

IDを変えても同じ動きをします。

<label for="otoiawase-04">質問(複数回答可※必須)</label><span class="br"></span>
<input name="entry.10738689437_sentinel" id="Obstacle1" type="checkbox" placeholder="回答1 *" value="回答1"　>
<label class="help-block text-warning form-inner">回答1</label>
<input name="entry.1073868943" id="Obstacle2" type="checkbox" placeholder="回答2 *" value="回答2">
<label class="help-block text-warning form-inner">回答2</label>
<span class="br-回答2"></span><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle3" type="checkbox" placeholder="回答3 *" value="回答3">
<label class="help-block text-warning form-inner">回答3</label>
<input name="entry.1073868943" id="Obstacle4" type="checkbox" placeholder="回答4 *" value="回答4">
<label class="help-block text-warning form-inner">回答4</label><span class="br-3"></span>
<input name="entry.1073868943" id="Obstacle5" type="checkbox" placeholder="回答5 *" value="回答5">
<label class="help-block text-warning form-inner">回答5</label><span class="br-1"></span>
<input name="entry.1073868943" id="Obstacle6" type="checkbox" placeholder="回答6 *" value="回答6">
<label class="help-block text-warning form-inner">回答6</label>

Answer 1

Googleフォームをすぐに動かせる環境持ってないので確認できませんが、気になる点が1つ。
IDが重複している。
画面内に同じIDは他にもてませんので、そこは調整する必要があると思います。

Comments

[ayane-holly]

IDを変えてやってみたのですが、やはり同じ動きのままでした。

[m.ts10806]

requiredの指定も含めて「試したこと」として今の質問に試したコードを追記してください。

[ayane-holly]

追記しました。

Answer 2

必須項目のまま、複数選択が出来るようにするにはどうすればいいでしょうか？

JavaScriptで送信前に確認して、入力が無かったらエラーを出せばよいです。

Comments

[ayane-holly]

ありがとうございます。やってみます。