重置表单输入

Question

我有一个包含两部分的表格。 是或否。

是，如果您在场（显示一个 div），

如果您不在场，则否（显示 div）

我想做的是，如果用户选择“否”并选择任何输入，然后决定返回是我需要将否中任何项目的值重置回表单默认值。

谢谢

我的小提琴在下面提供视觉体验..

http://jsfiddle.net/5nTsk/4/

Answer 1

使用这个简单的功能：

function defaultNo(){
    $("#getmytimetaken select").val("0").removeAttr('disabled');
}

并将其放在点击处：

if($(this).val() == "getmytimeregular") defaultNo();

fiddle: http://jsfiddle.net/5nTsk/7/

PS当然你甚至不需要这个功能，但是在其他情况下使用它可能会很方便，比如重置按钮等。

Answer 2

只需使用 Javascript 的 reset() 方法即可。

下面是一个重置页面第一种表单的示例（使用 jQuery 的 get()< /a>)：

$('form').get(0).reset();

在 Stackoverflow 上，这是搜索框（您可以尝试使用 Firebug/ChromeDevTools 的控制台）。

如果需要，您可以手动重新选择是/否。

Answer 3

如果您想重置整个表格，您可以使用 middus 答案。

或者，如果您需要重置页面的一部分，那么您可以使用：

$(':input','#mycontainer')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');

这只会重置属于 mycontainer 子级的输入元素。这应该可以解决问题。