如何取消选中选中的单选按钮

这个问题在这里已经有了答案:

  • 设置“检查”的复选框与jQuery? 38个答案

  • 这个简单的脚本允许您取消选中已经选中的单选按钮。 适用于所有启用JavaScript的浏览器。

    <html>
        <!-- html from your link: [http://jsfiddle.net/wuAWn/][1]  -->
        <body>
            <input type='radio' class='radio-button' name='re'>
            <input type='radio' class='radio-button' name='re'>
            <input type='radio' class='radio-button' name='re'>
        </body>
    
        <script type="text/javascript">
            var allRadios = document.getElementsByName('re');
            var booRadio;
            var x = 0;
            for(x = 0; x < allRadios.length; x++){
    
                allRadios[x].onclick = function() {
                    if(booRadio == this){
                        this.checked = false;
                        booRadio = null;
                    }else{
                        booRadio = this;
                    }
                };
            }
        </script>
    </html>
    

    http://jsfiddle.net/6Mkde/


    单选按钮是必需的选项...如果您希望它们未被选中,请使用复选框,不需要使事情复杂化并允许用户取消单选按钮; 删除JQuery允许您从其中选择一个


    您可以考虑为每个标有“无”或类似的组添加一个额外的单选按钮。 这可以创造一致的用户体验而不会使开发过程复杂化。

    链接地址: http://www.djcxy.com/p/12253.html

    上一篇: How to uncheck checked radio button

    下一篇: jQuery checkbox check/uncheck