如何获取HTML中Radio按钮的选中值

分类:知识百科 日期: 点击:0

获取HTML中Radio按钮的选中值,可以使用JavaScript来实现。

使用JavaScript获取Radio按钮的选中值

要获取Radio按钮的选中值,要确定Radio按钮的name属性值,使用document.getElementsByName()方法来获取Radio按钮。

//获取name属性为"sex"的Radio按钮
var radios = document.getElementsByName("sex");

之后,可以遍历Radio按钮,用checked属性来判断是否被选中,若被选中,则可以获取其value属性值,以此来获取选中的Radio按钮的值:

var value;
for(var i=0; i

使用jQuery获取Radio按钮的选中值

要使用jQuery获取Radio按钮的选中值,要确定Radio按钮的name属性值,使用$("input[name='name属性值']")方法来获取Radio按钮。

//获取name属性为"sex"的Radio按钮
var radios = $("input[name='sex']");

之后,可以遍历Radio按钮,用:checked过滤器来判断是否被选中,若被选中,则可以获取其value属性值,以此来获取选中的Radio按钮的值:

var value;
radios.each(function(){
    if($(this).is(":checked")){
        value = $(this).val();
        return false;
    }
});
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。