Question

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

我有一个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等非常陌生，所以请详细说明......谢谢!!

Answer 1

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

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

您可以点击它重置表单，其ID为“form”，如下所示：

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

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

})

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

http://jsfiddle.net/29ewk/

如何从表格的OUTSIDE调用各种输入的复位

1 个答案: