檢查是否已選中所有單選按鈕

Question

我正在嘗試為所有輸入添加一個通用的班級gender 。 然后，我比較他們是否未檢查，並警告為空。 如何正確檢查所有按鈕是否均已選中？

 $( ".btn" ).click(function( event ) { event.preventDefault; if( !$('input .gender').is(":checked") ) alert(" empty"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <input class="gender" type="radio" name="answer[1]" value="male"> Male<br> <input class="gender" type="radio" name="answer[1]" value="female"> Female<br> <input class="gender" type="radio" name="answer[1]" value="other"> Other<br> <br><br> <input class="gender" type="radio" name="answer[2]" value="PHP"> PHP<br> <input class="gender" type="radio" name="answer[2]" value="Pyhon"> Python<br> <input class="gender" type="radio" name="answer[2]" value="Java"> Java<br> <input class="btn" type="submit" value="check"> </form> 

Answer 1

我將選擇選中的單選按鈕，然后確認其長度等於單選字段的數量：

 $( ".btn" ).click(function( event ) { event.preventDefault(); if ($('input[type=radio]:checked').length !== 2) console.log("at least one is empty"); else console.log('pass') }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form> <input class="gender" type="radio" name="answer[1]" value="male"> Male<br> <input class="gender" type="radio" name="answer[1]" value="female"> Female<br> <input class="gender" type="radio" name="answer[1]" value="other"> Other<br> <br><br> <input class="gender" type="radio" name="answer[2]" value="PHP"> PHP<br> <input class="gender" type="radio" name="answer[2]" value="Pyhon"> Python<br> <input class="gender" type="radio" name="answer[2]" value="Java"> Java<br> <input class="btn" type="submit" value="check"> </form> 

（preventDefault是需要運行的函數，而不是要聲明的獨立屬性。）

Answer 2

為了達到預期效果，請使用下面的選項來檢查所有復選框是否被選中

$( ".btn" ).click(function(event) {
event.preventDefault;
  var checkboxList = $('.gender')
  var isEmpty = true

$.each(checkboxList,function(i,v){
  console.log("is "+v.value+" checked -->"+v.checked)
  if(v.checked){
    isEmpty = false;
  }
})

  if(isEmpty){
    alert(" empty");
  }
});

代碼示例-https: //codepen.io/nagasai/pen/dmzMgo?editors=1011

說明：

$（'。gender'）檢索所有復選框，並循環通過$ .each，並檢查每個字段是否已選中。
檢查標志isEmpty，然后基於該標志發出警報