radio 单选点2下取消选中！

最新推荐文章于 2025-04-17 15:24:44 发布

前端-艺生

最新推荐文章于 2025-04-17 15:24:44 发布

阅读量2.1k

点赞数

分类专栏： html jquery 文章标签： html jquery

html jquery 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
    <title>单选按钮取消选中方法</title>
    <script type="text/javascript" src="js/jquery-3.2.1.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>