javascript判断多组radio是否都选择了

本文介绍了一种使用JavaScript进行调查问卷验证的方法,确保每组单选题至少被选择一次,适用于组数和名称不确定的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有的时候,我们需要对多组radio判断是否少选择了其中一组。比如,做稍微复杂一点的调查的时候。

而且,这种情况下,radio的组数还是不固定的,名称也是不固定的,没法直接判断各组radio是否都选择了。

通过如下js小代码可以实现判断。

 

<script type="text/javascript"> function checkSubmit() { var radioname; var arrRadio = new Array(); var inputs=document.getElementById("vote").getElementsByTagName("input"); for(var i=0;i<inputs.length;i++) { if(inputs[i].type=="radio"){ //这里将所有的radio根据name分组,便于之后按组判断是否选中(一组选中一个即可) if (radioname !=inputs[i].name){ arrRadio.push(inputs[i].name); radioname =inputs[i].name; } } } for (var i=0;i<arrRadio.length;i++) { var bRadio=false; for (var j=0;j<document.getElementsByName(arrRadio[i]).length;j++) { if (document.getElementsByName(arrRadio[i]).item(j).checked==true){ bRadio=true; continue; } } if (!bRadio){ alert("请仔细检查是否遗漏了调查选项!"); return false; } } var params = ""; for (var i=0;i<arrRadio.length;i++) { for (var j=0;j<document.getElementsByName(arrRadio[i]).length;j++) { if (document.getElementsByName(arrRadio[i]).item(j).checked==true){ if(params != "") { params = params +","; } //params += arrRadio[i] +"|"+document.getElementsByName(arrRadio[i]).item(j).value; params += document.getElementsByName(arrRadio[i]).item(j).value; continue; } } } } </script>


 

form后面用“onsubmit="return checksubmit();"”来调用这个js。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值