如何在点击取消时恢复单选按钮选择？

Question

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

小提琴：https://jsfiddle.net/0qbgjbog/

我一直在使用，如果试图尝试单选按钮的检查值条件。但它不工作。 请帮我一把。

HTML

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

感谢

Answer 1

只需使用reset按钮

<form id="myForm"> 
    <button type="reset">CANCEL</button> 
</form> 

DEMO

---

<form id="myForm"> 
    //Elements 
</form> 

<button type="reset" form="myForm">CANCEL</button> 

DEMO 2

Answer 2

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

但它会重置所有表单元素。您可能只想重置单选按钮（名称为myOption）。然后，你可以使用这个脚本：

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

DEMO