我的页面有个多选项想验证,点击添加时如果没有勾选项,就提示,只有勾了才能提交,请问js该怎么写啊?
<s:form action="T_add" method="post" onsubmit="return test()" name="myform">
<td>答案:</td>
<td><s:checkboxlist list="{'A','B','C','D','E','F','G'}" name="mcqs.answer" labelposition="top" theme="simple" id="ques8"></s:checkboxlist></td>
<s:submit value="添加"></s:submit>
</s:form>
<s:form action="T_add" method="post" onsubmit="return test()" name="myform">
<td>答案:</td>
<td><s:checkboxlist list="{'A','B','C','D','E','F','G'}" name="mcqs.answer" labelposition="top" theme="simple" id="ques8"></s:checkboxlist></td>
<s:submit value="添加"></s:submit>
</s:form>
加上了就会引起JS验证。
不需要写JS代码。
var formList= document.getElementById('myform').getElementsByTagName('input');
var flag = 0;
for ( var i = 0; i < length; i++) {
if (formList[i].type == "checkbox") {
if (formList[i].checked) {
flag++; }
}
}
}
if(flag==0){
alert("请至少勾选一项");
return flase;
}
function check(){
var ques8 = document.getElementsByName("mcqs.answer");
var flag = false;
for(var i = 0 ; i<ques8 .length ; i++){
if(ques8 [i].checked == true){
flag = true;
}
}
if(!flag){
alert("尚未选中,无法进行操作");
}
return flag;
}