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="picno" value="1">
<input type="radio" name="picno" value="2">
<input type="radio" name="picno" value="3">
<input type="submit" value="submit">
</form>
<script language="网页特效">...
function check()...{
var flag=0
for(i=0;i<myform.picno.length;i++)
if(myform.picno[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。

 

时间: 2024-07-29 23:22:23

js判断单选框是否选中状态代码的相关文章

js判断单选框[radio]是否_选中

昨天公司要写一个多组的投票系统,要求前台在未把内容提交给服务器脚本之前要进行判断,所以就出来这个问题哦.下面我们就来js判断单选框[radio]是否_选中的代码吧. <form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" > <h1&

关于判断单选框是否选中详细说明

关于判断单选框是否选中详细说明 这是一段核心代码 for(var i=0,l=radios.length;i<l;i++)     {        if(!hash[radios[i].name])             hash[radios[i].name] = [radios[i]]        else             hash[radios[i].name].push(radios[i]);     } 下面我们来看看详细应用实例 <body> <input

js 判断单选框选中第几个

  <html> <head> <script> function foo() { // 在此处添加代码 var rg = document.getElementsByName("radioGroup"); for( var i = 0; i < rg.length; i++ ) { if( rg[i].checked ) { alert("你选择了第" + (i+1) + "个单选框"); } } re

关于判断单选框是否选中!

提示:您可以先修改部分代码再运行 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

javascript判断单选框或复选框是否选中方法集锦_表单特效

提示:getEmementsByName方法的作用是根据 NAME 标签属性的值获取对象的集合. 样例一<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>判断单选框或复选框是否选中</title> </head> <body> <input name

PHP页面输出时js设置input框的选中值_php实例

关于php页面输出时js设置input框的选中值的代码如下所示: /* 设置表单的值 */ function setValue(name, value) { var first = name.substr(0, 1), input, i = 0, val; if (value === "") return; if ("#" === first || "." === first) { input = $(name); } else { input

PHP页面输出时js设置input框的选中值

关于php页面输出时js设置input框的选中值的代码如下所示: /* 设置表单的值 */ function setValue(name, value) { var first = name.substr(0, 1), input, i = 0, val; if (value === "") return; if ("#" === first || "." === first) { input = $(name); } else { input

JS判断文本框内容改变事件的简单实例

 本篇文章主要是对JS判断文本框内容改变事件的简单实例进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 oninput,onpropertychange,onchange的用法   onchange触发事件必须满足两个条件:   a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)   b)当前对象失去焦点(onblur):    onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的:          oninput是on

js 弹出框插件实例与代码使用方法

js 弹出框插件实例与代码使用方法 使用方法: 1. 调用jquery库以及zxxbox插件文件,如下代码: <script type="text/网页特效" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript" src="/study/js/jq