网页有多个复选框,如何做到至少选中一个复选框,提交按钮才可用,否则显示灰色不可用?
发布网友
发布时间：2022-04-20 10:27
共1个回答
热心网友
时间：2022-04-20 11:56
<input type="checkbox" value="2">复选框2
<input type="checkbox" value="3">复选框3
<input type="checkbox" value="4">复选框4
<input type="submit" value="提交按钮">
<script>
var checkbox=document.querySelectorAll("input[type=checkbox]");
var submit=document.querySelector("input[type=submit]");
function check(){
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked){
submit.disabled=false;
return;
};
}
submit.disabled=true;
}
for(var i=0;i<checkbox.length;i++){
checkbox[i].onclick=check;
}
window.onload=check;
</script>
