javascript簡(jiǎn)單實(shí)現(xiàn)checkbox的全選與反選
來源:程序員人生 發(fā)布時(shí)間:2013-12-19 13:50:15 閱讀次數(shù):2658次
今天上網(wǎng)遇到有個(gè)網(wǎng)友在論壇問input的checkbox全選和反選的問題,順手總結(jié)了一下,然后寫了個(gè)簡(jiǎn)單的jQuery checkbox全選反選插件,希望對(duì)大家有用。
如果是簡(jiǎn)單的實(shí)現(xiàn)checkbox的全選與反選可以使用下面的函數(shù):
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插件是在網(wǎng)上找的:
$.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;
};
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)