不废话，上代码
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')">
全选
<input type="button" value="全选" onclick="allCheck('son')">
<input type="button" value="反选" onclick="fanCheck('son')">
<input type="button" value="不选" onclick="allUncheck('son')">
<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字体的应用场景 1. 广告设计：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对用户隐私的有力保障。在信息安全日益重要的今天，软件内置的密码保护机制能有效...
1. `manage.py`：这是一个命令行工具，用于执行各种管理任务，如启动服务器、迁移数据库、创建管理用户等。 2. `Django_Checkbook`：这是项目主目录，包含设置文件`settings.py`、URL配置`urls.py`、应用列表`apps....
【Checkbook-开源】是一个专为用户设计的多功能会计工具，旨在帮助用户高效且精确地追踪他们的财务状况，包括账户交易记录与预算管理。作为一款开源软件，Checkbook的源代码对公众开放，允许用户根据自己的需求进行...
总之，“Checkbook Register Online”不仅提供了个人财务管理工具，而且为开发者提供了一个学习和实践PHP和MySQL协作开发的开源平台。通过参与这样的项目，开发者可以提升自己的技能，同时为社区贡献力量，推动开源...
标题“JACR - Just Another Checkbook Register”是一个开源项目，旨在提供一个基于PHP和MySQL的支票簿登记网络应用。这个项目的主要目标是帮助用户在家庭服务器上管理个人财务，使得家庭预算的跟踪和管理变得更加...
Python Checkbook Manager（又名PyCheckbook）是专注于简单性和可移植性的个人财务管理器。 它可以在可以运行Python和Tkinter的任何平台上运行。 它处理非常简单的支票簿注册功能。
复选框在页面上的表现形式是一个小方框，在方框前通常会放置一个小勾（√）来表示该项已被选中。 原生JavaScript中的checkbox对象具有一个checked属性，该属性是一个布尔值，用来表示复选框是否被选中。当复选框被...
设计基于ASP.NET的WestSide Bank的应用程序，要求在当前系统的基础上进行改进，改进成为一个多功能的预想系统，即为WestSide Bank 开发一个在线银行站点。 2 设计要求 1. 开发在线银行站点时需要遵循以下决定： 1) ...
支票簿管理员描述Checkbook Keeper应用程序允许用户打开该应用程序，并查看要填写的可用字段的列表。 打开支票簿后，将立即显示其预先存在的记录。 允许用户输入帐户名，帐号，日期和金额。 如果您遇到文件路径的...
MEAN.JS 是一个全栈 JavaScript 开源解决方案，它为基于 、 、 和的应用程序提供了一个坚实的起点。 这个想法是通过连接这些框架来解决常见问题，构建一个强大的框架来支持日常开发需求，并帮助开发人员在使用流行的...
纽约支票簿Checkbook NYC是一个开源财务透明度Web应用程序。 Checkbook通过基于Web的仪表板视图提供对城市或其他辖区的财务信息的透明访问，该视图显示了诸如收入，预算，支出，合同和工资单等类别的活动。 它还通过...
首先，要实现这个功能，我们需要在前端页面使用HTML和JavaScript来创建一个多选框列表，每个商品对应一个checkbook。例如： ```html <!-- 商品ID作为value，name属性设为商品ID数组的名称 --> <li><input type...
sdcms留言板是一个基于ASP技术栈构建的简单在线留言系统。该系统允许用户在网页上提交留言、姓名等信息，并可以对这些信息进行审核、展示。从提供的代码片段来看，sdcms留言板不仅支持基本的留言功能，还额外支持...
`checkBook` 是一个辅助方法，用于查找特定名称的图书，如果找到则返回该图书，否则返回 `None`。 `borrowBook` 方法处理图书的借阅。用户输入图书名称，`checkBook` 方法查找图书，如果找到且状态为未借出，则将...
在IT行业中，尤其是在移动应用开发领域，"搜索框以及拼音检索好友"是一个常见的功能需求，尤其是在社交应用中。这个功能的实现涉及到多个技术点，主要包括拼音处理、数据检索和UI设计。下面将详细阐述这些知识点。 ...