多個複選框驗證在javascript

Question

我有多個複選框，並且它必須被檢查。 我寫下了代碼，但它不起作用。

這是代碼 HTML樣本::

<form name="pembres" id="pembres" method="POST" onSubmit="return validateform()" style="margin:0;"> 
    <input type="checkbox" name="lanjut[]" value="setuju2" /> 
    <input type="checkbox" name="lanjut[]" value="setuju3" /> 
    <input type="checkbox" name="lanjut[]" value="setuju4" /> 
    <input type="checkbox" name="lanjut[]" value="setuju5" /> 
    <input type="submit" value="Next Step" name="next" /> 
    </form> 

1日在腳本頭標記

<script type="text/javascript"> 
     function validateform(){ 
      var success = false; 
       for (i = 0; i < document.pembres.elements['lanjut[]'].length; i++){ 
        if (document.pembres.elements['lanjut[]'][i].checked){ 
         success = true; 
        } 
       } 
      return success; 
     } 
    </script> 

第二腳本前/身體

<script type="text/javascript"> 
var form = document.getElementById('pembres'); 
form.onsubmit = validateForm; 

function validateForm() { 
    var isValid = false, 
     form = this, 
     els = form.elements['lanjut[]']; 
     i; 
    for (i = 0; i < els.length; i += 1) { 
     if (els[i].checked) { 
      isValid = true; 
     } 
    } 
    return isValid; 
} 
</script> 

Answer 1

要設置isValid爲真如果任何複選框被選中，你應該做的是返回false，如果有任何c heckbox沒有被選中。

function validateForm() { 
    var form = this, 
    els = form.elements['lanjut[]'], i; 
    for (i = 0; i < els.length; i += 1) { 
     if (!els[i].checked) { 
      return false; 
     } 
    } 
    return true; 
}