用jquery 清空 表单
2015-06-29 18:26
776 查看
http://reymont.iteye.com/blog/756756
做了个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的
Java代码
$('#myform')[0].reset();
虽然reset方法可以做到一部分,但是如果你有个元素是这样的
Java代码
<input name="percent" value="50"/>
那么点击reset只会还原成50
于是乎,有了以下方法,网上浏览过来,
Java代码
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
It is using the :input
selector which will match all input, textarea, select and button elements. Since we are passing #myform
as the second argument, it will only find inputs inside this form
element. Then it filters out all buttons, submits, resets and hidden
inputs using not()
. Then it is using val()
to set the value of the remaining fields to an empty string, and then it uses removeAttr
to remove the checked
and selected
attribute of the fields in case you have any radio/checkbox/select inputs. Tada.
很强大,包括了所有的情况
例子
//清空id为myModal1中input中type类型非:button, :submit, :reset, :hidden disabled的值为空字符串
function qingkong() {
$(':input','#myModal1')
.not(':button, :submit, :reset, :hidden, :disabled')
.val('')
}
做了个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的
Java代码
$('#myform')[0].reset();
虽然reset方法可以做到一部分,但是如果你有个元素是这样的
Java代码
<input name="percent" value="50"/>
那么点击reset只会还原成50
于是乎,有了以下方法,网上浏览过来,
Java代码
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
It is using the :input
selector which will match all input, textarea, select and button elements. Since we are passing #myform
as the second argument, it will only find inputs inside this form
element. Then it filters out all buttons, submits, resets and hidden
inputs using not()
. Then it is using val()
to set the value of the remaining fields to an empty string, and then it uses removeAttr
to remove the checked
and selected
attribute of the fields in case you have any radio/checkbox/select inputs. Tada.
很强大,包括了所有的情况
例子
//清空id为myModal1中input中type类型非:button, :submit, :reset, :hidden disabled的值为空字符串
function qingkong() {
$(':input','#myModal1')
.not(':button, :submit, :reset, :hidden, :disabled')
.val('')
}
相关文章推荐
- 瀑布流(JQuery 版 和js 最终版)
- jQuery应用之eraser.js使用,实现擦除、刮刮卡效果
- jQuery旋转插件jquery.rotate.js 让图片旋转
- jquery ui datepicker使用
- jQuery可拖拽排序列表jquery-sortable-lists
- Datatables JQuery插件
- jquery 选择器
- Jquery ajax
- jQuery的Ajax请求数据时type无法使用GET
- jquery.mmenu.js实现侧边导航非常适用于手机版站-最简使用教程(一)
- [转] jQuery按键响应事件keypress对应的按键编码keycode
- [html][jQuery]表头固定在顶部的一种实现思路
- jQuery插件-json2.js
- 【Asp.net】——JQuery出错信息
- jquery点击添加样式,再点击取出样式
- javascript面向对象的写法及jQuery面向对象的写法
- php jquery ajax
- w3c——jquery学习笔记
- jquery中的trigger和triggerHandler区别
- jQuery注意事项及技巧