檢查是否至少選中了一個 RADIO BUTTON

Question

我正在創建一個動態表單，可能需要填寫 X 個字段，例如可能有 10 個輸入文本、5 個選擇、3 個 Radio 等。

我創建了整個結構來動態組裝這個表格，它按預期工作。

但是，我最大的問題是何時檢查是否至少檢查了一個 RADIO BUTTON。 如果它采用 static 方式，則解決方案會更簡單，因為它可以簡單地獲取主 DIV 的 ID 並查看是否選中了一個

<div id="$id">
 <?php for($i = $inicio; $i <= $fim; $i++){ ?>
   <label>
    <input  
     id="<?= $id ?>"    
     name="<?= $name ?>"
     value="<?= $i ?>" 
     type="radio"
   />
   <span><?= $i ?></span>
  </label>                                                 
<?php } ?>
</div>

代碼的細節你不需要太關注，因為我給了一個總結，只是為了說明它是動態構建的

我需要找到某種方法將表單提交給 go與其他收音機直到通過所有。

有沒有人對我可以閱讀的內容或一些材料有什么建議？

Answer 1

您是否按要求嘗試？ 我認為對於前線，您不需要其他任何東西

<label>
    <input type="radio" name="gender" value="male" required>
    Male
</label><br>

Answer 2

function checarRespostas() {

  var perguntas = $('[id^=pergunta]');
  perguntas.each((index, pergunta) => {
    var respostasChecadas = $(pergunta).children('label').children('input[type=radio]:checked');

    if (respostasChecadas.length == 0) {
      alert(`Responda a ${pergunta.id}`);
    }

  });

}

<p>Pergunta 1</p>
<div id="pergunta_1">
    <label>
        <input type="radio" name="resposta_1" value="Opcao1"> Opção 1
        <br>
        <input type="radio" name="resposta_1" value="Opcao2"> Opção 2
    </label>
</div>

<p>Pergunta 2</p>
<div id="pergunta_2">
    <label>
        <input type="radio" name="resposta_2" value="Opcao1"> Opção 1
        <br>
        <input type="radio" name="resposta_2" value="Opcao2"> Opção 2
    </label>
</div>
<br>

<button onclick="checarRespostas()">Enviar</button>