Jquery 清空表单，注意是清空不是重置，注意是清空不是重置，注意是清空不是重置，重要的事情说三遍

最新推荐文章于 2024-09-09 09:04:05 发布

转载最新推荐文章于 2024-09-09 09:04:05 发布 · 3.5k 阅读

文章标签：

#前端知识备注

Jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery简化表单重置的方法，通过点击按钮可以清除表单中的所有输入项，包括文本框、复选框、单选按钮及下拉列表的选择，同时保留隐藏字段的内容。

<script>

    $(function()
 {

        $("#button").click(function()
 {

            $("#form
 :input").not(":button,
 :submit, :reset, :hidden").val("").removeAttr("checked").remove("selected");//核心

        });

    })

</script>

<form
 id="form">

    <input
 type="radio"

checked="checked">

    <input
 type="checkbox"

checked="checked">

    <select>

        <option>option1</option>

        <option
 selected="selected">option2</option>

    </select>

    <input
 type="text"

value="text">

    <input
 type="hidden"

value="hidden">

    <input
 type="button"

value="button">

    <input
 type="reset"

value="reset">

    <input
 type="submit"

value="submit">

</form>

<button
 id="button">真正清空</button>