我有几个复选框,我希望用户在将其发送到控制器之前强制选择至少一个。我找到了几种方法来验证它是否被选中,但我不知道该怎么做,我困了: (
如何验证是否未选中所有复选框?
<div class="form-group col-md-6">
<label>Evaluaciones</label><br>
<label>
<input type="checkbox" class="flat-red" value="cleaver" name="evaluaciones[]" checked id="cleaver">
Cleaver
</label>
<label>
<input type="checkbox" class="flat-red" value="personalidad" name="evaluaciones[]" checked id="personalidad">
Personalidad
</label>
<label>
<input type="checkbox" class="flat-red" value="excel" name="evaluaciones[]" checked id="excel">
Excel
</label>
<label>
<input type="checkbox" class="flat-red" value="ppt" name="evaluaciones[]" checked id="ppt">
PPT
</label>
<label>
<input type="checkbox" class="flat-red" value="word" name="evaluaciones[]" checked id="word">
Word
</label>
<label>
<input type="checkbox" class="flat-red" value="otra" name="evaluaciones[]" id="otra">
Otra
</label>
</div>
('.claseCheckBox:not(:checked)').each(
function()
{
alert('ss');
return false;
}
);
<div class="form-group col-md-6">
<label>Evaluaciones</label><br>
<label>
<?php
$data = $perfil['evaluaciones'];
$evaluacionesCadena = explode(",", $data);?>
<input type="checkbox" class="flat-red" value="cleaver" name="evaluaciones[]" <?php if(in_array('cleaver',$evaluacionesCadena )){ echo 'checked';} ?> id="cleaver" class="claseCheckBox">
Cleaver
</label>
<label>
<input type="checkbox" class="flat-red" value="personalidad" name="evaluaciones[]" <?php if(in_array('personalidad',$evaluacionesCadena)){ echo 'checked';} ?> id="personalidad" class="claseCheckBox">
Personalidad
</label>
<label>
<input type="checkbox" class="flat-red" value="excel" name="evaluaciones[]" <?php if(in_array('excel',$evaluacionesCadena )){ echo 'checked';} ?> id="excel" class="claseCheckBox">
Excel
</label>
<label>
<input type="checkbox" class="flat-red" value="ppt" name="evaluaciones[]" <?php if(in_array('ppt',$evaluacionesCadena )){ echo 'checked';} ?> id="ppt" class="claseCheckBox">
PPT
</label>
<label>
<input type="checkbox" class="flat-red" value="word" name="evaluaciones[]" <?php if(in_array('word',$evaluacionesCadena)){ echo 'checked';} ?> id="word" class="claseCheckBox">
Word
</label>
<label>
<input type="checkbox" class="flat-red" value="otra" name="evaluaciones[]" <?php if(in_array('otra',$evaluacionesCadena)){ echo 'checked';} ?> id="otra" class="claseCheckBox">
Otra
</label>
</div>
您可以为所有复选框添加一个唯一的类,然后您可以通过使用这些类遍历所有输入的函数来检查它们
您必须考虑到此功能会遍历所有选择的输入。
我希望它对你有帮助。干杯
纯 JavaScript
此代码通过使用检查是否所有复选框都未选中
querySelectorAll
。尝试由班级选择的侦听器
flat-red
:jQuery
在 jQuery 中,您可以使用
length
.您可以做的是按名称浏览所有复选框,如下所示:
使用 jQuery