javascript簡單實現checkbox的全選與反選
來源:程序員人生 發布時間:2013-12-19 13:50:15 閱讀次數:2665次
今天上網遇到有個網友在論壇問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;
};
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈