复选框验证器

Question

我有一个复选框列表，我想确保用户在提交表单前至少检查一个复选框。我怎样才能做到这一点？

有3个类别，然后每个类别10个项目与复选框。

我想在javascript中这样做，其中我将有一个隐藏变量，然后当用户检查任何复选框时，隐藏变量将有1作为它的值，然后如果用户将取消选中该框，隐藏变量将具有0作为其值。

Answer 1

你是如何标记它们的？

我希望像这样...

<input type="checkbox" name="something[]" value="55" /> 

在 PHP

则...

if (! isset($_POST['something']) OR empty($_POST['something'])) { 
    echo 'Select a checkbox, please!'; 
} 

您还可以检查与的JavaScript ...

var inputs = document.getElementById('my-form').getElementsByTagName('input'); 
var checked = 0; 
for (var i = 0, length = inputs.length; i < length; i++) { 
    if (inputs[i].getAttribute('type') !== 'checkbox') { 
     continue; 
    } 

    if (inputs[i].checked) { 
     checked++; 
    } 
} 

if (checked === 0) { 
    alert('Select a checkbox, please!'); 
} 

See it working on JSbin。