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

发布时间：2018-09-14 04:00:53 所属栏目：模式来源：站长网

导读：今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题，顺手总结了一下，然后写了个简单的 jQuery checkbox全选反选插件，希望对大家有用。如果是简单的实现checkbox的全选与反选可以使用下面的函数： function checkall(obj,cName) { var checkb

今天上网遇到有个网友在论坛问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;
};

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!