JS动态判断radio是否选中的方法

发布时间:2020-03-05编辑:脚本学堂
本文介绍下,用js判断页面中的radio按钮是否选中的方法,有需要的朋友参考下吧。

在用js动态判断radio是否选中时,遇到一个问题:
单选按钮radio大于等于2个时,JS判断正常,当单选按钮radio只有一个时,无法进行“下一步”,提交“下一步”时不管是否选中这个按钮仍然被JS提示:“请选择要修改的记
录!”

1,js代码部分:
 

<script language="javascript" type="text/javascript">
<!--
/**
* 检测单选按钮radio是否选中
* edit www.jb200.com
*/
function validate(){
var resualt=false;
for(var i=0;i<document.select.radio_select.length;i++)
{
   
  if(document.select.radio_select[i].checked)
  {
  resualt=true;
  }
}
if(!resualt)
{
  alert("请选择要修改的记录!");
}
return resualt;
}
-->
</script>

2,表单部分
 

<% 
for i=1 to rs.recordCount '变量i从1循环到数据库中的全部记录数 
if (i mod 1 =1) then '每个tr即每行显示1个记录
response.write "<tr align='center'>" 
end if 
%> 
<form name="select" method="post" action="modify.asp" onSubmit="return(validate())">
<input type="radio" name="radio_select" value="<%=rs("lx_id")%>" />
<input type="submit" name="submit" value="下一步">
</form>
<%if (i mod 1 = 0) then '每个tr即每行显示1个记录
response.write "</tr>" 
end if 
rs.movenext 
next 
rs.close 
%> 

要解决以上的问题,需要将上述1中的js代码,修改为如下:
 

<script language="javascript"  type="text/javascript">
<!--
/**
* 判断radio按钮是否选中 修正版
* edit www.jb200.com
*/
function validate(){
var resualt=false;
var obj=document.getElementsByName("radio_select");

for(var i=0;i<obj.length;i++)
{
 
  if(obj[i].checked)
  {
  resualt=true;
  }
}
if(!resualt)
{
  alert("请选择要修改的记录!");
}
return resualt;
}
-->
</script>

您可能感兴趣的文章:
js 检验(input、radio、checkbox、textarea)必填项的代码
JS验证radio和checkbox是否选中
js判断单选框(radio)是否被选中的例子
js判断radio是否被选中的简单例子
radio和checkbox及php select默认选择的实现代码
js实现radio和select的默认选中
radio实现checkbox效果 再次点击取消选择