Js循环清空form表单信息

た入场券 2022-12-29 12:50 161阅读 0赞

当页面是添加的时候可以使用

<input type="reset" name="reset" value="重置">

当页面是修改的时候，想要清空input的value使用循环清空

<script>                
    $(function () {
    
            $(".reset").click(function () {
                /*循环清空所有按钮的信息*/
                $(".detailTable input").each(function(){
                    $(this).val('');
                });
            })
    
        })
        </script>

拿走代码的记得点赞

在这里插入代码片

<form action=#" method="post">
                        <table class="detailTable">
                            <tr>
                                <td>姓名</td>
                                <td><input type="text" name="name" value="${test.name}"></td>
                            </tr>
                            <tr>
                                <td>年龄</td>
                                <td><input type="text" name="age" value="${test.age}"></td>
                            </tr>
                            <tr>
                                <td>性别</td>
                                <td><input type="text" name="sex" value="${test.sex}"></td>
                            </tr>
                        </table>
                        <input type="submit" value="确定">
                        <input type="button" class="reset" value="重置">
                    </form>
    <script>                
    $(function () {
    
            $(".reset").click(function () {
                /*循环清空所有按钮的信息*/
                $(".detailTable input").each(function(){
                    $(this).val('');
                });
            })
    
        })
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端用法】form表单重置、清空方法记录

首先：contact-form 是form的id属性值方法一：调用reset（）方法 document.getElementById("contact-form"

喜欢ヅ旅行/ 2023年07月01日 05:29/ 0 赞/ 13 阅读

相关 Jquery清空表单内容

JQuery :not() 选择器定义与用法： :not() 选择器选取除了指定元素以外的所有元素。最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素

悠悠/ 2023年03月01日 13:28/ 0 赞/ 101 阅读

相关 Js循环清空form表单信息

当页面是添加的时候可以使用 <input type="reset" name="reset" value="重置"> 当页面是修改的时候，想要清空input的val

た入场券/ 2022年12月29日 12:50/ 0 赞/ 162 阅读

相关 html表单中的数据提交后清空,js清空form表单中的内容示例

//清空form选择 function clearForm(id)\{ var formObj = document.getElementById(id); if(for

向右看齐/ 2022年10月06日 07:57/ 0 赞/ 308 阅读

相关 react antd form 表单清空

关于react\_antd\_desgin的学习这两天也是获取到的知识零零散散，大多在网上也能获取的到，所以隔了很长的时间，没有编写关于react相关的文章。今天之所以写也是因

深藏阁楼爱情的钟/ 2022年08月28日 13:47/ 0 赞/ 264 阅读

相关 Js处理Form表单空提交问题

对于 Form 表单提交数据，有时候页面没有任何字段需要进行校验，但这样就会导致不填写任何数据，都可以直接保存、编辑，产生很多无用的记录，这样的体验很不好，我们需要能进行判断是

待我称王封你为后i/ 2022年05月15日 02:08/ 0 赞/ 427 阅读

相关 elementui关闭弹窗清空表单验证清空表单

给form添加一个ref属性 <el-form ref="paper"></el-form> 调用方法，注意先清空验证再清空表单，这样就可以清除自定义的

清疚/ 2022年03月26日 12:52/ 0 赞/ 350 阅读

相关 vue表单清空方法

vue表单清空方法调用(releaseForm为表单名字) this.resetForm('releaseForm'); 或 @click="

系统管理员/ 2021年12月01日 11:20/ 0 赞/ 859 阅读

相关 layui ajax form 表单提交后清空

1、![20190723152342754.png][] 2、ajax 提交成功后，执行 $("\my\_question")\[0\].reset(); ![201907

旧城等待，/ 2021年09月30日 03:46/ 0 赞/ 773 阅读

相关 jS 清除form表单

ps : JQ在重置form时 $('\form').reset()是没有这个方法的解决方法 1. document.getElementById('

Myth丶恋晨/ 2021年09月17日 09:38/ 0 赞/ 367 阅读