Question

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

我尝试过使用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>

由于

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

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

2 个答案: