Js获取radio的选中值

最新推荐文章于 2021-12-20 19:29:22 发布

blissLX

最新推荐文章于 2021-12-20 19:29:22 发布

阅读量4k

点赞数

分类专栏： JavaScript 文章标签： js radio

本文链接：https://blog.csdn.net/weixin_37189727/article/details/85258210

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

普通的radio的选中值获取方式如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        alert("123");
        $("input[name='radio']").click(function(){
            if($(this).val() == "男"){
                $("#message").show();
            }else{
                $("#message").hide();
            }
        });
    });
</script>
</head>
<body>
    <label id="radio">性别:</label>
    <input name="radio" type="radio" checked="checked" value="男"/>男
    <input name="radio" type="radio" value="女"/>女 <br/>
    <div id="message">welcome</div>
</body>
</html>

form表单中radiobuttons的基本设置如下：

<form:radiobuttons path="isall" items="${fns:getDictList('allType')}" itemLabel="label" itemValue="value" htmlEscape="false" class="" onclick=""/>

这里的radiobuttons 没有显示name和type属性，只需要在网页上查看form表单的源码，找到上述radiobuttons 的name属性的值，就可以根据上述js去获取radio的值。

参考原文链接：http://www.cnblogs.com/youyefly/p/5512185.html

blissLX

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Js获取radio的选中值

普通的radio的选中值获取方式如下： &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt;&lt;script src="https://cdn.staticfile.org
复制链接

扫一扫

专栏目录