`
毛毛k孤鸿
  • 浏览: 2837 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自己封装的一个checkbook工具

阅读更多

不废话,上代码

 

 

CheckBoxTool.js 代码:

 

/***
 * 
 *  万里孤鸿 无聊之作
 */

/**
 * 复选框 按钮全选的公共方法
 * 
 * @param {}
 *            son
 * @param {}
 *            father
 */
function checkAllElect(son, father) {
	var sons = document.getElementsByName(son);
	var fa = document.getElementById(father);
	if (fa.checked == true) {
		for (i = 0; i < sons.length; i++) {
			sons[i].checked = true;
		}
	} else {
		for (i = 0; i < sons.length; i++) {
			sons[i].checked = false;
		}
	}
}
/**
 * 判断是否选中
 * 
 * @param {}
 *            son
 */
function checkSelect(son) {
	var sons = document.getElementsByName(son);
	var a = 0;
	for (i = 0; i < sons.length; i++) {
		if (sons[i].checked == true) {
			a++;
		}
	}
	if (a > 0) {
		return true;
	} else 
	return false;
}
/**
 * 获取所选复选框的值
 * @param {} son
 * @return {Boolean}
 */
function getSelect(son) {
	var sons = document.getElementsByName(son);
	var str='';
			for (i = 0; i < sons.length; i++) {
			if (sons[i].checked == true) {
				str+=sons[i].value+'_';
			}
		}
		return str.substring(0,str.length-1);
}
/**
 * 点击按钮,复选框全选
 * 
 * @param {}
 *            sons
 */
function allCheck(son) {
	var sons = document.getElementsByName(son);
	for (i = 0; i < sons.length; i++) {
		sons[i].checked = true;
	}
}

/**
 * 点击按钮,复选框全不选
 * 
 * @param {}
 *            sons
 */
function allUncheck(son) {
	var sons = document.getElementsByName(son);
	for (i = 0; i < sons.length; i++) {
		sons[i].checked = false;
	}
}
/**
 * 复选框反选
 * 
 * @param {}
 *            son
 */
function fanCheck(son) {
	var sons = document.getElementsByName(son);
	for (i = 0; i < sons.length; i++) {
		sons[i].checked = !sons[i].checked;
	}
}

 

 

 

 

 html代码:

 

 

<html>
	<head>
		<title>万里孤鸿之复选框工具</title>
	</head>
	<script type="text/javascript" src="CheckBoxTool.js"></script>
	<body>
		<input type="checkbox" id="father" onclick="checkAllElect('son','father')">
		全选&nbsp;&nbsp;&nbsp;
		<input type="button" value="全选" onclick="allCheck('son')">
		&nbsp;&nbsp;&nbsp;
		<input type="button" value="反选" onclick="fanCheck('son')">
		&nbsp;&nbsp;&nbsp;
		<input type="button" value="不选" onclick="allUncheck('son')">
		&nbsp;&nbsp;&nbsp;
		<input type="button" value="检测是否选中" onclick="if(checkSelect('son')){alert('已经有选中项')}">
		<input type="button" value="提交值" onclick="alert(getSelect('son'))">
		<hr>
		<input type="checkbox" name="son" value='万'>万
		<input type="checkbox" name="son" value='里'>里
		<input type="checkbox" name="son" value='孤'>孤
		<input type="checkbox" name="son" value='鸿'>鸿
		<input type="checkbox" name="son" value='风'>风
		<input type="checkbox" name="son" value='云'>云
		<input type="checkbox" name="son" value='雄'>雄
		<input type="checkbox" name="son" value='霸'>霸
	</body>
</html>

 

 

 

分享到:
评论

相关推荐

    Checkbook

    每个字母都带有轻微的笔触波动,给人一种亲切和随性的感觉,仿佛是亲手书写的每一个字符,既保留了手写字体的个性,又具备了清晰可读的特性。 二、Checkbook字体的应用场景 1. 广告设计:Checkbook字体的个性化...

    a class template for a CheckBook

    CheckBook.h ?a class template for a CheckBook, where the check is any data type The constructor and the writeCheck function can throw exceptions if out of heap memory.

    财务管理软件 Checkbook Lite v5.5

    无论是储蓄账户的利息收入,还是信用卡的消费支出,都能在同一个平台上进行统一规划和分析。 密码保护功能是Checkbook Lite v5.5对用户隐私的有力保障。在信息安全日益重要的今天,软件内置的密码保护机制能有效...

    Django_Checkbook:支票簿

    1. `manage.py`:这是一个命令行工具,用于执行各种管理任务,如启动服务器、迁移数据库、创建管理用户等。 2. `Django_Checkbook`:这是项目主目录,包含设置文件`settings.py`、URL配置`urls.py`、应用列表`apps....

    Checkbook-开源

    【Checkbook-开源】是一个专为用户设计的多功能会计工具,旨在帮助用户高效且精确地追踪他们的财务状况,包括账户交易记录与预算管理。作为一款开源软件,Checkbook的源代码对公众开放,允许用户根据自己的需求进行...

    Checkbook Register Online-开源

    总之,“Checkbook Register Online”不仅提供了个人财务管理工具,而且为开发者提供了一个学习和实践PHP和MySQL协作开发的开源平台。通过参与这样的项目,开发者可以提升自己的技能,同时为社区贡献力量,推动开源...

    JACR - Just Another Checkbook Register-开源

    标题“JACR - Just Another Checkbook Register”是一个开源项目,旨在提供一个基于PHP和MySQL的支票簿登记网络应用。这个项目的主要目标是帮助用户在家庭服务器上管理个人财务,使得家庭预算的跟踪和管理变得更加...

    Python Checkbook Manager-开源

    Python Checkbook Manager(又名PyCheckbook)是专注于简单性和可移植性的个人财务管理器。 它可以在可以运行Python和Tkinter的任何平台上运行。 它处理非常简单的支票簿注册功能。

    原生JS实现表单checkbook获取已选择的值

    复选框在页面上的表现形式是一个小方框,在方框前通常会放置一个小勾(√)来表示该项已被选中。 原生JavaScript中的checkbox对象具有一个checked属性,该属性是一个布尔值,用来表示复选框是否被选中。当复选框被...

    WestSides 银行

    设计基于ASP.NET的WestSide Bank的应用程序,要求在当前系统的基础上进行改进,改进成为一个多功能的预想系统,即为WestSide Bank 开发一个在线银行站点。 2 设计要求 1. 开发在线银行站点时需要遵循以下决定: 1) ...

    Check-Book-Final-:Checkbook Keeper应用程序允许用户打开该应用程序,并查看要填写的可用字段的列表。 打开支票簿后,将立即显示其预先存在的记录。 允许用户输入帐户名,帐号,日期和金额

    支票簿管理员描述Checkbook Keeper应用程序允许用户打开该应用程序,并查看要填写的可用字段的列表。 打开支票簿后,将立即显示其预先存在的记录。 允许用户输入帐户名,帐号,日期和金额。 如果您遇到文件路径的...

    checkbook:MEAN.js 中的简单支票簿 Web 应用程序

    MEAN.JS 是一个全栈 JavaScript 开源解决方案,它为基于 、 、 和的应用程序提供了一个坚实的起点。 这个想法是通过连接这些框架来解决常见问题,构建一个强大的框架来支持日常开发需求,并帮助开发人员在使用流行的...

    支票簿:支票簿的源代码,数据和说明

    纽约支票簿Checkbook NYC是一个开源财务透明度Web应用程序。 Checkbook通过基于Web的仪表板视图提供对城市或其他辖区的财务信息的透明访问,该视图显示了诸如收入,预算,支出,合同和工资单等类别的活动。 它还通过...

    springmvc高级参数绑定

    首先,要实现这个功能,我们需要在前端页面使用HTML和JavaScript来创建一个多选框列表,每个商品对应一个checkbook。例如: ```html &lt;!-- 商品ID作为value,name属性设为商品ID数组的名称 --&gt; &lt;li&gt;&lt;input type...

    sdcms留言板

    sdcms留言板是一个基于ASP技术栈构建的简单在线留言系统。该系统允许用户在网页上提交留言、姓名等信息,并可以对这些信息进行审核、展示。从提供的代码片段来看,sdcms留言板不仅支持基本的留言功能,还额外支持...

    python面向对象法实现图书管理系统

    `checkBook` 是一个辅助方法,用于查找特定名称的图书,如果找到则返回该图书,否则返回 `None`。 `borrowBook` 方法处理图书的借阅。用户输入图书名称,`checkBook` 方法查找图书,如果找到且状态为未借出,则将...

    搜索框以及拼音检索好友

    在IT行业中,尤其是在移动应用开发领域,"搜索框以及拼音检索好友"是一个常见的功能需求,尤其是在社交应用中。这个功能的实现涉及到多个技术点,主要包括拼音处理、数据检索和UI设计。下面将详细阐述这些知识点。 ...

Global site tag (gtag.js) - Google Analytics