Как отменить выбор переключателя на клике отмены?

Question

У меня есть две переключатели. По умолчанию это будет мужчина. Если я выберу женщину и нажмите «Отменить», она должна вернуться к той, которая была до того, как я отправил ее, это мужчина.

Fiddle: 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