使用jQuery檢查復選框選中的屬性是否不為空

Question

如何選中復選框選中的屬性？ 如果未選中其中任何一個，則跨度顯示此句子：“您應該選擇其中一個”。 我的驗證無效。

<label>
    <input type="checkbox" name="chk[]" id="chk[]" />male
</label>
<label>
    <input type="checkbox" name="chk[]" id="chk[]" />female
</label>

<script>
    if ($('input[name="chk[]"]:checked').length < 0) {
        $("#textspan").html('you shoud select one of them');
    }
</script>

Answer 1

就您的特定問題而言，當未選中任何復選框時， $('input[name="chk[]"]:checked').length為0，不是負數-因此您應從if ($('input[name="chk[]"]:checked').length < 0)到if ($('input[name="chk[]"]:checked').length == 0)

完整的例子

除此之外，還有一些注意事項：1.我將使用單選按鈕（因為它更適合您當前的男性/女性選擇）。 2.您有兩次相同的ID（ chk[] ），這使您的HTML無效。 3. HTML 4.1標准中不允許ID中的[]字符，並且不符合約定。

Answer 2

我很隨意地更改了代碼，因為您的HTML有點奇怪。

工作示例： http : //jsfiddle.net/a4jzvoou/

HTML：

<div>
    <input type="checkbox" class='gender' id="male">male</input>
    <input type="checkbox" class='gender' id="female">female</input>
</div>
<button class="validate">Validate</button>

JS：

$(function() {
  $('.validate').click(function(event) {     
     var checkedCount = ($('input[class="gender"]:checked').length))        
  })   
});