jQuery实现点击全选和取消全选
2016-05-01 13:14
711 查看
jQuery实现点击全选和取消全选
有时候需要实现点击按钮全选,再点击取消全选,类似下图:
具体怎么实现呢?
代码如下:
最好不要用attr方法增加属性,否则会出现第三次点击不生效的情况,用prop方法较好
有时候需要实现点击按钮全选,再点击取消全选,类似下图:
具体怎么实现呢?
代码如下:
$('input[name="selectall"]').click(function(){ //alert(this.checked); if($(this).is(':checked')){ $('input[name="stuCheckBox"]').each(function(){ //此处如果用attr,会出现第三次失效的情况 $(this).prop("checked",true); }); }else{ $('input[name="stuCheckBox"]').each(function(){ $(this).removeAttr("checked",false); }); //$(this).removeAttr("checked"); } }); <td><input type="checkbox" name="selectall"/></td>
最好不要用attr方法增加属性,否则会出现第三次点击不生效的情况,用prop方法较好
相关文章推荐
- jquery的$.extend和$.fn.extend作用及区别
- html 物资 jQuery下拉框select美化
- jquery不能得到图片的高度
- jquery mobile cannot be created in a document with origin 'null' and URL
- jQuery基础学习(二)—jQuery选择器
- JQuery学习总结一 —— JQ-tabs的实现
- 图片提示效果(jquery)
- Jquery中表单事件
- Jquery之键盘输入数字转换大写
- jquery操作DOM元素的复习
- jQuery基础学习(一)—jQuery初识
- jQuery弹出美女大图片
- SweetAlert – 替代 Alert 的漂亮的提示效果
- jQuery的ajax方法小解
- jquery属性操作
- jquery属性操作
- jquery的动画总结
- Jquery中事件的绑定和解除
- jQuery中this与$(this)的区别
- Swiper – 经典的移动触摸滑块插件(免费)