通过jquery的each循环,筛选出checkbox和radio单独判断是否选中
示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
</head>
<body>
<form id="form1" name="form1" action="" method="post"BfwOnsubmit="return check();">
<p>
<input type="radio" name="item3" value="1" />是
<input type="radio" name="item3" value="2" />否
</p>
<p>
<input type="checkbox" name="item4" value="3" />有
<input type="checkbox" name="item4" value="4" />无
</p>
<textarea name="item5"></textarea>
<input type="text" name="item1" id="item1" value="" />
<input type="text" name="item2" id="item2" value="" />
<p>
<input type="submit" value="提交" />
</p>
</form>
<script type="text/javascript">
function check() {
var flag = 0;
$("#form1 textarea").each(function() {
if ($(this).val() == "") {
flag = 1;
return false;
}
});
$("#form1 input").each(function(t) {
if ($(this).attr('type') == "checkbox" || $(this).attr('type') == "radio") {
var name = $(this).attr('name');
var val = $('input[name="'+name+'"]').filter(":checked").val();
console.log(val);
if (typeof(val) == "undefined") {
flag = 1;
return false;
}
} else {
if ($(this).val() == "") {
flag = 1;
return false;
}
}
});
if (flag == 1) {
alert("请填写完整");
return false;
} else {
return true;
}
}
</script>
</body>
</html>
网友回复