javascript函数分享-checkbox全选、checkbox取消全选、获取checkbox选中项

javascript工具类函数分享-checkbox全选、checkbox取消全选,checkbox toggle选中操作集合。

完整示例代码如下:

checkbox全选操作

/**
 * checkbox全选操作
 *+---------------------------------
 * @author Nzing
 * @access public
 * @version 1.0
 *+---------------------------------
 * @param string key   标签名称
 *+---------------------------------
 * @return void
 */
G_util.checkbox_all = function(key) {
	var key = arguments[0] ? arguments[0] : 'key';
	var el = document.getElementsByName(key);
	for (var i = 0; i < el.length; i++) {
		if ((el[i].type == "checkbox")) {
			el[i].checked = true;
		}
	}
}

checkbox取消全选操作

/**
 * checkbox取消全选操作
 *+---------------------------------
 * @author Nzing
 * @access public
 * @version 1.0
 *+---------------------------------
 * @param string key   标签名称
 *+---------------------------------
 * @return void
 */
G_util.uncheckbox_all = function(key) {
	var key = arguments[0] ? arguments[0] : 'key';
	var el = document.getElementsByName(key);
	for (var i = 0; i < el.length; i++) {
		if ((el[i].type == "checkbox")) {
			el[i].checked = false;
		}
	}
}

checkbox toggle选择操作

/**
 * toggle选中或取消选中
 *+---------------------------------
 * @author Nzing
 * @access public
 * @version 1.0
 *+---------------------------------
 * @param mixed
 *+---------------------------------
 * @return void
 */
G_util.checkbox_toggle = function(key) {
	var key = arguments[0] ? arguments[0] : 'key';
	var el = document.getElementsByName(key);
	for (var i = 0; i < el.length; i++) {
		if ((el[i].type == "checkbox")) {
			el[i].checked = !el[i].checked;
		}
	}
}

checkbox 获取选中的值

/**
 * 获取选中的id
 *+---------------------------------
 * @author  Nzing  Oct 15, 2011
 * @access public
 *+---------------------------------
 * @param string key 要获取的名称
 *+---------------------------------
 * @return void
 */
G_util.get_checkbox_select = function(key) {
	var key = arguments[0] ? arguments[0] : 'key';
	var obj = document.getElementsByName(key);
	var result = '';
	for (var i = 0; i < obj.length; i++) {
		if (obj[i].checked == true)
			result += ',' + obj[i].value;
	}
	return result.substring(1);
}


版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将立即给予删除

转载请注明:文章转载自:全分享社区 「http://www.aweb.cc

本文标题:javascript函数分享-checkbox全选、checkbox取消全选、获取checkbox选中项

本文地址:http://www.aweb.cc/article/detail/id/52.html

javascript实现tirme函数, <<上一篇 下一篇>>js时间戳格式化函数,javascrip