单选框radio单击取消选中

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012796085/article/details/85699363
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
    </script>
    <script type="text/javascript">
        $(function(){
            $('input:radio').click(function(){
                var domName = $(this).attr('name');
                var $radio = $(this);
                if ($radio.data('waschecked') == true){
                    $radio.prop('checked', false);
                    $("input:radio[name='" + domName + "']").data('waschecked',false);
                } else {
                    $radio.prop('checked', true);
                    $("input:radio[name='" + domName + "']").data('waschecked',false);
                    $radio.data('waschecked', true);
                }
                console.log("选中状态:",$(this).prop("checked"));
                console.log($("input:radio[name='" + domName + "']:checked").val());
            });
        });
    </script>
</head>
<body>
<form>
    <input type="radio" name="browser" value="AAAA">AAAA<br />
     <input type="radio" name="browser" value="BBBBB">BBBBB<br />
    <input type="radio" name="browser" value="CCCCCC">CCCCCC<br />
</form>

</body>
</html>  

猜你喜欢

转载自blog.csdn.net/u012796085/article/details/85699363