飞龙博客

妙法莲华经

Discuz x2 checkbox 全选或取消代码演示

feilong.org 修订于2011-08-15 12:02:54

Discuz x2 内置一套常用建站js代码,所以做discuz X2开发或网站前端开发,尽量用discuz现有的js成果,但是如何使用discuz官方文档没有演示。这里飞龙简单举例演示一下关于checkbox 全选和取消代码是如何使用的。本日志修订网址:http://feilong.org/discuz-checkbox-checkall-uncheckall 希望对你有用!

补充,需要全选反选飞龙jQuery解决方案的朋友,参见:http://feilong.org/check-uncheck-juery-solution

一、首先调用discuz X2的checkall()方法,在common.js里面。

/*
飞龙提示:
form,建议用 this.form
prefix, 指提交的 checkbox 数组变量名
checkall, 全选按钮的ID名称
tested by feilong on 20110815
*/
function checkall(form, prefix, checkall) {
	var checkall = checkall ? checkall : 'chkall';
	count = 0;
	for(var i = 0; i < form.elements.length; i++) {
		var e = form.elements[i];
		if(e.name && e.name != checkall && (!prefix || (prefix && e.name.match(prefix)))) {
			e.checked = form.elements[checkall].checked;
			if(e.checked) {
				count++;
			}
		}
	}
	return count;
}

或者直接外调commo.js也可以。


其次看看html部分,需要一个form表单,需要用数组变量名,全选按钮要有id名,全部用字母。

全选

最后飞龙把整个html文档放这里,方便朋友你直接取用分析。





Discuz x2 checkbox 全选和取消代码演示





全选

更新网址:https://feilong.org/discuz-checkbox-checkall-uncheckall
最初发布:20110815 12:02:54 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文: