如何获取Radio单选按钮的选中值的方法和示例代码

如何获取Radio单选按钮的选中值的方法和示例代码 第一张

Radio单选按钮的选中值获取方法

Radio单选按钮的选中值获取方法是指通过JavaScript来获取Radio单选按钮的选中值。

需要在HTML中定义Radio单选按钮,如下所示:

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女

其中,name属性是用来标识单选按钮组的,value属性是用来标识单选按钮的值的。

就可以通过JavaScript来获取Radio单选按钮的选中值了,如下所示:

function getRadioValue(){
    var gender = document.getElementsByName("gender"); 
    for(var i=0;i<gender.length;i++){ 
        if(gender[i].checked){ 
            return gender[i].value; 
        } 
    } 
} 

上面的代码是通过JavaScript来获取Radio单选按钮的选中值的一种方法,具体的做法是:通过document.getElementsByName()方法来获取Radio单选按钮的组,通过for循环来遍历Radio单选按钮的组,通过判断Radio单选按钮的checked属性来获取Radio单选按钮的选中值。

一下,获取Radio单选按钮的选中值的方法是:在HTML中定义Radio单选按钮;通过JavaScript来获取Radio单选按钮的选中值;通过判断Radio单选按钮的checked属性来获取Radio单选按钮的选中值。

© 版权声明
THE END
分享