單選框radio綁定click事件

時間 2019-11-25

標籤單選 radio 綁定 click 事件简体版

原文原文鏈接

<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>

相關標籤/搜索