Question

我想知道是否有办法将收音机重置为最初选择的选项。我知道输入有defaultValue但是有没有办法让我能够将无线电重置回页面加载时最初选择的值？

我不想简单地取消选择所有收音机。我试图将它们恢复到原先选择的值。

感谢您的任何信息。

Answer 1

是的，无线电输入确实有defaultValue属性，但您要寻找的是defaultChecked属性：

$('input[type=radio]').prop('checked', function() {
   return this.defaultChecked;
});

话虽如此，如果您想重置表单，可以使用reset对象的HTMLFormElement方法：

$('#formElement').get(0).reset();

Answer 2

我想你想要这个

<form action="">
    <input type="radio" name="gender" value="male" checked="true"/>Male
    <input type="radio" name="gender" value="female"/>Female
    <input type="reset" value="reset"/>
</form>

每次重置表单时，都会选中male单选按钮。

Answer 3

我宁愿制作一个像这样的jQuery插件：

$.fn.defaultVal = function (checked) {
    if(checked === true || checked === false) {
        $(this).attr("data-default", checked);
        return;
    }
    if(!$(this).attr("data-default")) {
        console.log("No default value assigned!");
        return;
    }
    return $(this).attr("data-default");
}

JSFIDDLE LINK UPDATE 工作演示在这里：JSFIDDLE

是否有一个defaultValue属性用于无线电选择？

3 个答案: