单选框radio绑定click事件

weixin_34319817

于 2017-09-14 09:32:00 发布

阅读量8.4k

点赞数 1

文章标签： javascript python c# ViewUI

原文链接：https://my.oschina.net/u/3549294/blog/1537137

版权

2019独角兽企业重金招聘Python工程师标准>>>

<html>

<head>
    <title>单选框radio绑定click事件</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $(".kkk :radio").click(function() {
                alert("您是..." + $(this).val());
            });
        });

    </script>
    <style type="text/css">
        h5 {
            color: blue;
        }
        
        textarea {
            resize: none;
        }
        
        #word {
            color: red;
        }

    </style>
</head>

<body>
    <h5>单选框 radio 绑定 click 事件</h5>
    <form action="" method="" class="kkk">
        <input type="radio" name="gender" value="男性">男性
        <input type="radio" name="gender" value="女性">女性
        <input type="radio" name="gender" value="猜猜看">猜猜看
    </form>
</body>

</html>

转载于:https://my.oschina.net/u/3549294/blog/1537137