当前位置:编程学习 > JS >>

js判断单选框是否选中状态代码

当多个单选框 <input type="radio" name="radio_name" value="radiobutton">(单选框) 

是动态加入页面时,它的数量有可能为0,1,或者大于1,因此在js 中需要判断单选框是否选中时,就必须循环判断每个单选框的状态,用

var obj=document.getelementsbyname('audit_result');

就可以得到单选框组合,并可通过obj.length得到它的长度,这样就不用判断它的数量是0,1,或者大于1

<form name="myform" action="" method="" onsubmit="return check()">
<input type="radio" name="yizuotu" value="1">
<input type="radio" name="yizuotu" value="2">
<input type="radio" name="yizuotu" value="3">
<input type="submit" value="submit">
</form>
<script>
function check(){ //循环判断多个单选框是否被选中
var flag=0
for(i=0;i<myform.yizuotu.length;i++)
if(myform.yizuotu[i].checked==true){
flag=1
break
}
if(!flag){
alert("请先选择更换图片的位置")
return false
}
}

</script>


方法二

<script language="javascript">
function checkvalue(){
 var obj=document.getelementsbyname("radio_name");
 //alert(obj.length);
 for (var i=0;i<obj.length;i++)
 {
  if(obj[i].checked)
  return true;
 }
 alert("没有选中!");
 return false;
}
</script>

而用var ovar obj=document.all("radio_name");时,当数量为0或1时,obj就是undefined。


jquery如何判断单选框是否选中
使用checked属性判断选中,代码为if ($(this).attr("checked")) {alert("选中了")}

js判断单选按钮是否被选中 直接判断
if(document.getElementsByName("yizuotu.net")[0].checked){
alert("");
return false;
}
<input type="text" name="yizuotu.net"/>

补充:网页制作,js教程
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,