Jquery 如何在单击“取消”时恢复单选按钮选择？

我有两个单选按钮。默认情况下，它将是男性。如果我选择女性并单击取消，它将恢复为我提交之前的男性

小提琴：

我尝试使用if条件来检查单选按钮的值。但它不起作用。 请帮帮我

HTML

<form id="myForm">
<input type="radio" name="myRadio" value="Male" checked/> MALE <br />
<input type="radio" name="myRadio" value="Female" /> FEMALE <br />
</form>

男性

女性

谢谢

只需使用按钮

取消

---

//元素
取消

只需使用按钮

取消

---

//元素
取消

---

我相信Satpal的答案是最好的答案，因为您不需要任何额外的编码

但是，它会重置所有表单元素。您可能只想重置单选按钮（使用名称

myOption

）。然后您可以使用以下脚本：

$('button').on('click', function(e) {
    e.preventDefault();
    $('[name=myRadio]').prop('checked', false );
});

---

我相信Satpal的答案是最好的答案，因为您不需要任何额外的编码

但是，它会重置所有表单元素。您可能只想重置单选按钮（使用名称

myOption

）。然后您可以使用以下脚本：

$('button').on('click', function(e) {
    e.preventDefault();
    $('[name=myRadio]').prop('checked', false );
});

$('button').on('click', function(e) {
    e.preventDefault();
    $('[name=myRadio]').prop('checked', false );
});