js获取form表单所有数据

JS批量获取form表单所有数据

1.有的时候想偷点懒,页面上有大量的表单提交数据,每次单独获取都比较麻烦。代码冗余度也比较多,因此封装了一个方法。

可通过设置相同发class名称,使用此封装方法,批量获取form表单里面的值

2. 表单元素必须要有name属性,name属性是向后端提交的字段数据。

3.html代码

<h3>下拉框</h3> <select> <option value ="sel-1">sel-1</option> <option value ="sel-2">sel-2</option> </select> <h3>输入框</h3> <input type="text" value="hello" /> <input type="text" value="word" /> <h3>密码框</h3> <input type="password" value="123456" /> <h3>单选框</h3> 单选1<input type="radio" value="r1" checked /> 单选2<input type="radio" value="r2" checked/> 单选3<input type="radio" value="r3" /> <h3>复选框</h3> 复选框1<input type="checkbox" value="c1" checked/> 复选框2<input type="checkbox" value="c2" /> 复选框3<input type="checkbox" value="c3" checked/> <h3>search</h3> <input type="range" value="" /> <input type="color" value="" /> <h3> <button type="button"> 提交 </button> </h3>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxpfw.html