js获取input = radio 单选框选择中的值

最新推荐文章于 2025-06-25 15:11:44 发布

xiejunna

最新推荐文章于 2025-06-25 15:11:44 发布

阅读量2.5w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/xiejunna/article/details/77309943

js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种JavaScript方法，用于从HTML表单中获取被选中的单选按钮（radio button）的值。通过遍历指定名称的radio按钮组并检查它们是否被选中来实现这一目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用：
 var amount = getRadioButtonChecked("radio");
 console.log("amount=="+amount);

/**
 * 获取input = radio 单选框中选中的值
 * @param tagNameAttr string  radio组中input的name属性值
 * return 返回被选中radio的值
 */
function getRadioButtonCheckedValue(tagNameAttr){
    var radio_tag = document.getElementsByName(tagNameAttr);
    for(var i=0;i<radio_tag.length;i++){
        if(radio_tag[i].checked){
            var checkvalue = radio_tag[i].value;            
            return checkvalue;
        }
    }
}
html：
<input type="radio" id="amount1" name="radio" value="50"  data-labelauty="50元">
<input type="radio" id="amount2" name="radio" value="100"  data-labelauty="100元">
<input type="radio" id="amount3" name="radio" value="300" data-labelauty="300元">