您的位置:首页 > Web前端 > JQuery

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;
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: