如何在java脚本中验证复选框

时间:2018-05-02 08:51:57

标签: javascript html validation checkbox fieldset

我在我的java脚本中尝试验证复选框,但始终不起作用。

下面的代码有什么问题:

HTML

 <div class="form-group id=Knows">
 <input type="checkbox" name="Knows1" id="Knows1" value="Knows1">Knows1
 <input type="checkbox" name="Knows2" id="Knows2" value="Knows2">Knows2
 <input type="checkbox" name="Knows3" id="Knows3" value="Knows3">Knows3
 <input type="checkbox" name="Knows4" id="Knows4" value="Knows4">Knows4 
 <input type="checkbox" name="Knows5" id="Knows5" value="Knows5">Knows5
 </div>

Java脚本

 parent_fieldset.find('#Knows1, #Knows2, #Knows3, #knows4').each(function() {
 if( $(this).checked == false && $("#Knows5").checked ==false) {
 $(this).addClass('input-error');
 next_step = false;
 }
 else {
 $(this).removeClass('input-error');
 }
 });

1 个答案:

答案 0 :(得分:0)

如果你想检查jQuery中是否选中了输入类型=“复选框”,你应该按如下方式更改它们:

$(this).checked == false => !$(this).is(":checked")
$("#Knows5").checked ==false => !$("#Knows5").is(":checked")

这样:

parent_fieldset.find('#Knows1, #Knows2, #Knows3, 
 #Knows4').each(function() {
if( !$(this).is(":checked") && !$("#Knows5").is(":checked")) {
 $(this).addClass('input-error');
 next_step = false;
}
else {
  $(this).removeClass('input-error');
}
});