`

JavaScript获取Radio组的value值

    博客分类:
  • JS
阅读更多
<head runat="server">
    <title>JS取Radio的值</title>
<script type="text/javascript"> 
    --方法一
    var getRadioValues = function()
    {  
        var inputs = document.getElementsByTagName('input')  
        var values="" 
        for(i=0; i<inputs.length; i++)
        {  
            obj = inputs[i];  
            t = obj.getAttribute("type");  
            if(t=='radio' && obj.checked)
            {  
                v = obj.getAttribute("value");  
                values = v;  
            }  
        }   
     return values;  
    }  
    --方法二
    function foo()
    {
        var inputs = document.getElementsByName("radio");
        for(i=0;i<inputs.length;i++)
        {
            obj = inputs[i];
            type = obj.getAttribute("type");
            if(type=="radio"&&obj.checked)
            {
                alert(obj.getAttribute("value"));
            }
        }
    }

</script> 
</head> 
<body> 
   <label><input type="radio" name="radio" value="1"/>移动</label> 
    <label><input type="radio" name="radio" value="2" />联通</label> 
   <label><input type="radio" name="radio" value="3" />电信</label> 
    <label><input type="radio" name="radio" value="4"/>网通</label>   
    <input type="button" onclick="alert(getRadioValues());" value="取值方法一" /> 
    <input type="button" onclick="foo();" value="取值方法二" />
</body> 
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics