国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > javascript简单实现checkbox的全选与反选

javascript简单实现checkbox的全选与反选

来源:程序员人生   发布时间:2013-12-19 13:50:15 阅读次数:2465次
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单的jQuery checkbox全选反选插件,希望对大家有用。
如果是简单的实现checkbox的全选与反选可以使用下面的函数:

function checkall(obj,cName)
{
var checkboxs = document.getElementsByName(cName);
for(var i=checkboxs.length;i--;){
checkboxs[i].checked = obj.checked;
}
}
//使用方法:给全选的按钮加onclick事件:onclick="checkall(this,'all[]');"

下面的jQuery checkbox插件是在网上找的:

$.fn.checkbox = function(){
var t = this;
/*
* 切换全选/反选
* @example $("#checkAll").checkbox().toggle($("input[name='selectAll']"));
*/
this.toggle = function(el){
$(el).click(function(){
$(t).attr('checked', false);
});
$(this).click(function(){
$(el).attr('checked', $(this).attr('checked') == true ? true : false);
});
};
/*
* 全选
*/
this.check = function(el){
$(el).attr('checked', true);
};
/*
* 反选
*/
this.uncheck = function(el){
$(el).attr('checked', false);
};
return t;
};
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生