使用jQuery破解单选按钮行为（取消选中组）

Question

对于项目，我需要在组中使用两个单选按钮，并且需要取消选中选中的单选按钮。

我已经尝试过类似的方法，但这不起作用：

$(document).ready(function() {
    $("input[type='radio']:checked").click(function(e) {
        e.preventDefault();
        $(this).prop("checked", false);
        alert('Hello World!');
    });
});

当我单击选中的单选按钮时，它甚至都不会发出警报。

每当我在控制台中调用此命令时：

$("input[type='radio']:checked").prop('checked', false);

它不会取消选中已选中的单选按钮，因此该部分应该起作用。

Answer 1

实际上，当您使用click ，不会发生这种情况，请使用mousedown代替

附有工作片段

 $(function(){ $('#wrapper').on('mousedown', 'input[type=radio]',function(e){ if(!$(e.target).is(':checked')){ return true; } e.preventDefault(); $(this).prop("checked", false); alert('Hello World!'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="wrapper"> <input type=radio name=hello /> <input type=radio name=hello /> <input type=radio name=hello checked/> </div> 

Answer 2

您的选择器有误。 页面加载时，您仅将.click函数绑定到SELECTED复选框。 将$("input[type='radio']:checked")更改$("input[type='radio']")