0

我有一个包含各种输入、文本、下拉菜单、径向按钮、滑块和复选框的表单。我的“重置”按钮在表单之外（在表单上方）。有没有办法单击按钮并将所有输入设置回默认值？

我有一个 Twitter Bootstrap 手风琴，手风琴标题上有重置按钮。表格位于手风琴内部下方。我希望能够清除手风琴展开或折叠的形式。

例子：

手风琴标题（扩展）重置

输入字段

手风琴标题（折叠）

我的重置在我的 html 中，如下所示：

<a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh"  title="Reset" ></i></a>

我试图在我的 javascript 文件中执行此操作：

#icon-Reset.click(function(){
$('#form').get(0).reset();
});

但我什么都做不了。

更清楚地说，这是包含上述 html 行的 html 的顶部：

<div id="side-bar-container">
<div id="sideBar">
    <div class="accordion" id="mainAccordion">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse"
                    data-parent="#mainAccordion" data-target="#collapseOne"> <i
                    class="icon-chevron"></i>Accordion Heading1 
                </a>
                <a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh"  title="Reset" ></i></a> 
            </div>
            <div id="collapse" class="accordion-body collapse in">
                <div class="accordion-inner scrollable">
                    <div id="Accordion1">
                        <form id="form"class="form-search form-horizontal">
                            <fieldset>

我对 Javascript、HTML 等非常陌生，所以请详细说明...谢谢！

4

1 回答 1

2

您的方法是正确的，但是您必须将表单重置操作附加到按钮的单击事件。它可以是任何控件，假设它是一个 id 为“reset”的跨度

<span id="reset">Reset</span>

您可以单击它重置带有 id "form" 的表单，如下所示：

$('#reset').click(function() {

    $("#form")[0].reset();

})

此代码将操作附加到 span 的“onclick”事件，并且在操作内部获取表单并重置它。这是一个小演示 - 填写表格，然后单击重置：

http://jsfiddle.net/29ewk/

于 2013-10-09T17:01:32.223 回答