javascript 判断radio单选按钮是否为选中状态,并弹出选中值

最新推荐文章于 2021-08-08 16:10:17 发布

转载最新推荐文章于 2021-08-08 16:10:17 发布 · 1.2k 阅读

文章标签：

#javascript

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于判断页面上指定名称的单选按钮组中哪个选项被选中，并通过弹窗显示选中项的值。

<script type="text/javascript"> 
                     
//判断个函数   以上 5 个Radio 那个为选中状态 
function judgeRadioClicked() 
{ 
    //获得 单选选按钮name集合 
    var radios = document.getElementsByName("radio_tj"); 
                                 
    //根据 name集合长度 遍历name集合 
    for(var i=0;i<radios.length;i++) 
    {  
        //判断那个单选按钮为选中状态 
        if(radios[i].checked) 
        { 
            //弹出选中单选按钮的值 
            alert(radios[i].value); 
        }  
    }  
 
}                         
</script> 

注意：//获得 单选选按钮name集合    //var radios = document.getElementsByName("radio_tj");   中的 "radio_tj"  为 单选按钮集合的名字属性。