夏日博客

A-A+

js获取radio的值代码详解

2016年01月13日 前端设计 暂无评论 阅读 5 views 次

由于radio的特殊性我们不能像input一样利用常规的方法来获取radio值，下面本文章来详细的介绍一下关于如何利用javascript来获取radio值的实现,把radio的input放在form中.

  1. <form name=theform>  
  2. <input type=text name=input1 value="test">  
  3. <input type=radio name="a[]" value="0" checked>选择1  
  4. <input type=radio name="a[]" value="1">选择2  
  5. </form>  

实例1,avascript读取radio的值,代码如下:

  1. function radiogroup()  
  2. {  
  3.         for(var i=0;i<formobj.a.length;i++){     
  4.            if(formobj.a[i].checked){  
  5.              alert("单选框选中: " + formobj.a[i].value);  
  6.              return true;  
  7.             }  
  8.         }   
  9.         alert("单选框未选中");  
  10.         return false;   
  11.         }  
  12. </script>  

实例2,用户点击当前radio实现读取当前radio值,代码如下:

  1. <script type="text/javascript" language="javascript">  
  2. function Permissions(obj)  
  3. {  
  4. var radioss= obj.value  
  5. alert(radioss);  
  6. }   
  7. </script>  
  8. </head>  
  9. <body>  
  10. <input type="radio" id="radios" name="radios" value="0" onclick="Permissions(this)" >Admin  
  11. <input type="radio" id="radios" name="radios" value="1" onclick="Permissions(this)">User  

实例3,设置radio哪个被选中,代码如下:

  1. <script>  
  2. function setradio(v)  
  3. {  
  4. robj=document.form1.radioname;  
  5. for(i=0;i<robj.length;i++){  
  6. if(robj[i].value==v){  
  7.  robj[i].checked=true;  
  8. }  
  9. }  
  10. }  
  11. </script>  

编辑总结:

我们看到最关键的一句是,代码如下:

  1. if(formobj.a[i].checked){  
  2.       alert("单选框选中: " + formobj.a[i].value);  
  3.       return true;  
  4. }  

formojb是我们要定义的表单名字,这个一定要和js中的一样,然后a是我们多个radio名以a[]这种形式，a[i]指的是第几个radio的 formobj.a[i].value 这句是关键这中的关键了就是获取formobj.a[i].value中的值了.

标签：

给我留言