jquery插件-checkbox全选插件
2009-04-16 15:47
323 查看
做后台的时候,用了网上下下来的一位网友制作的checkbox全选插件,试用了一下,甚为难用,很不舒服,于是就他的模式重写了一下,发出来共享!有四个函数,分别是全选、反选、全不选、取值!
/** * checkbox 全选操作 * * @author shaoyun(若水老人) <shaoyun at yeah.net> * @copyright Copyright (c) 2008 (http://www.devjs.com) * @example $('input[@type=checkbox][@name=checkAll]').checkbox(); * 反选 : .toggle() * 全选 : .checked() * 全不选 : .unchecked() * 获取字符串值 : .val() */ $.fn.checkbox = function(){ // 反选 this.toggle = function(ele){ $(this).each(function(){ if(this.checked){ $(this).attr('checked',false); }else{ $(this).attr('checked',true); } }); }; // 全选 this.checked = function(){ $(this).attr('checked', true); }; // 全不选 this.unchecked = function(ele){ $(this).attr('checked', false); }; // 获取已选中值, 并以字符串返回数据 this.val = function(){ var string = ''; $(this).each(function(){ if (this.checked && $(this).val()) { if (string) { string += ','; } string += $(this).val(); }; }); return string; }; return this; };
相关文章推荐
- checkbox 全选/反选功能的 jquery插件(支持多页保持选择)
- jquery checkbox 选中 全选 插件
- jquery插件开发(checkbox全选的简单实例)
- JQuery全选与取消插件
- jquery 订单结算checkbox全选全不选以及获得选中的checkbox的值
- jquery 操作checkbox的例子(全选,反选,获取选取值...)
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- jquery checkbox全选、反选、选择基数、选择偶数
- checkbox利用JQuery实现全选、反选的方法
- jQuery--checkbox全选
- jQuery 获取所有checkbox选中的值 、 全选checkbox等
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- jquery实现复选框checkbox全选(完善)
- jquery checkbox 全选 反选 子级全选默认选中父级
- js || jQuery 复选框(checkbox)全选/全不选/反选
- jquery技术实现checkbox全选和取消全选的注意点
- 关于jQuery实现CheckBox全选只能生效一次的问题
- 基于jQuery的Checkbox精美样式插件
- JQuery实现全选/全不选,取消子checkbox时,全选checkbox取消对勾号
- Jquery checkbox全选,反选,全不选实例