radio点击选中，再次点击取消选中

最新推荐文章于 2025-04-01 11:11:59 发布

cangowu

最新推荐文章于 2025-04-01 11:11:59 发布

阅读量2.1w

点赞数 4

分类专栏： javascript html 文章标签： radio取消选中

本文链接：https://blog.csdn.net/wzgdjm/article/details/78094836

版权

javascript 同时被 2 个专栏收录

11 篇文章

订阅专栏

html

2 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
    <title>单选按钮取消选中的三种方式</title>
    <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(){
                //alert(this.checked);
                //

                var domName = $(this).attr('name');

                var $radio = $(this);
                // if this was previously checked
                if ($radio.data('waschecked') == true){
                    $radio.prop('checked', false);
                    $("input:radio[name='" + domName + "']").data('waschecked',false);
                    //$radio.data('waschecked', false);
                } else {
                    $radio.prop('checked', true);
                    $("input:radio[name='" + domName + "']").data('waschecked',false);
                    $radio.data('waschecked', true);
                }
            });
        });
    </script>
</head>
<body>
<p>您喜欢哪款浏览器？</p>

<form>
    <input style="display:none;" id="hidebrowser" type="radio" name="browser" value="">
    <input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />
    <input type="radio" name="browser" value="Firefox">Firefox<br />
    <input type="radio" name="browser" value="Netscape">Netscape<br />
    <input type="radio" name="browser" value="Opera">Opera<br />
</form>

</body>
</html>