刚刚参加工作,今天写代码的时候遇到了这样一个问题
让多选框只能选择一项,多选之后提交的时候会有提示,代码如下:
js:
function checkChange() {var obj = document.getElementsByName("check");
var num = 0;
for (var i = 0; i < obj.length; i++) {
if (obj[i].checked) {
num++;
}
}
if(num>1){
alert("只能选择一项!");
}
else if(num==0){
alert("请选择一项!");
}
else{
document.getElementById("myform").submit();
return;
}
}
html:
<form action=" " method="post" id="myform">
<input type="checkbox" name="check" value="1" id="test">1
<input type="checkbox" name="check" value="2" id="test">2
<input type="checkbox" name="check" value="3" id="test">3
<input type="button" value="提交" onClick="checkChange()">
<form>
第一篇博客,好开心伐