程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> 關於JAVA >> jquery重置表單

jquery重置表單

編輯:關於JAVA

jquery重置表單。本站提示廣大學習愛好者:(jquery重置表單)文章只能為提供參考,不一定能成為您想要的結果。以下是jquery重置表單正文


表單一般都有重置功能,在重置表單時需要將各個輸入框中的值清空,如果輸入框比較多,一個一個清空會比較麻煩,使用jquery的方法直接將表單中的所有輸入框全部清空,首先給出一個form表單:

<form id="form">
    <input type="text" value="123" /><br />
    <input type="radio" name="radio" value="1" checked="checked"/>
    <input type ="radio" name="radio" value="2" />
    <input type="file" /><br />
    <input type="checkbox" name="checkbox" value="1" checked="checked"/>
    <input type="checkbox" name="checkbox" value="2" /><br />
    <input type="submit" value="提交"/>
    <input type="button" id="reset" value="重置" />
</form>

  需要在頁面上引入jquery:

<script type="text/javascript" src="js/jquery.min.js" ></script>

  重置表單方法:

<script>
    $(function(){
        $("#reset").click(function(){
            $(':input','#form')
            .not(':button,:submit,:reset,:hidden')
            .val('')
            .removeAttr('checked')
            .removeAttr('selected');
        });
    });
</script>

使用以上方法即可將表單中的輸入框清空,但是這種方式會將類似input type="text" value="123" />這種有默認值的輸入框也清空。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved