如何在點擊取消時恢復單選按鈕選擇？

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