Question

              <div class="tab-pane" >

              <label> user:</label>
              <input type="text" class="span3" name="user" id="user"  /><br/>
             <label> Password</label>
            <input type="password" class="span3" name="pass" id="pass" /><br/>
             <br/>
           <button type="submit" class="btn btn-success" onclick="login()">Register</button>
         <button type="reset" class="btn btn-success">reset</button><br/>

                   </div>

这是我的html代码。我想重置所有变量，但我不使用表单。

Answer 1

<强> HTML

<input type="text" name="test_input" id="test_input" value=""/>
<button type="reset" class="btn btn-success" id="reset_btn" name="reset_btn">Reset</button>

<强>的JavaScript

$(document").ready(function(){

   $("#reset_btn").click(function() {
      $("#test_input").val('');
   });

});

这是一个非常基本的例子，因为它只重置了一个输入框。您可以使用jQuery选择器重置页面上的所有表单元素。

要使用<input>标记重置每个元素，您可以使用：

$("input").val('');

这是一个工作的JSFiddle：http://jsfiddle.net/WPg2T/2/

有关jQuery点击处理程序的更多信息，请访问：http://api.jquery.com/click/

Answer 2

尝试使用jquery，下面的lyk，我认为这对你有帮助

<script>
$( "#resetbutton" ).click(function() {
  $( "input" ).val("");
});
</script>

为重置按钮添加id #resetbutton

Answer 3

试试这个

$(window).load(function()
{
   $([type=reset]).trigger('click');
})

Bootstrap复位输入但不是所有变量

3 个答案: