Js循环清空form表单信息

た入场券 2022-12-29 12:50 178阅读 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 条评论，178人围观）

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

相关阅读

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

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

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

相关 js form 表单重置清空

清空和重置的差异是清空：彻底清空input内容即便初始值value有值，重置：将input内容重置为value初始状态 //重置 /

た入场券/ 2023年02月15日 05:02/ 0 赞/ 22 阅读

相关 js清空浏览器控制台信息

思路：主动清空控制台信息重写console.log（）方法，使其不执行输出打印方法一：clear（） console对象提供了clear方法

野性酷女/ 2023年02月13日 11:07/ 0 赞/ 18 阅读

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

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

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

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

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

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

相关 react antd form 表单清空

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

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

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

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

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

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

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

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

相关 vue表单清空方法

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

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

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

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

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