自己封装的一个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" οnclick="checkAllElect('son','father')">全选&nbsp;&nbsp;&nbsp;<input type="button" value="全选" οnclick="allCheck('son')">&nbsp;&nbsp;&nbsp;<input type="button" value="反选" οnclick="fanCheck('son')">&nbsp;&nbsp;&nbsp;<input type="button" value="不选" οnclick="allUncheck('son')">&nbsp;&nbsp;&nbsp;<input type="button" value="检测是否选中" οnclick="if(checkSelect('son')){alert('已经有选中项')}"><input type="button" value="提交值" οnclick="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工具相关推荐

Android开发-差点儿被Logcat骗了，用Logcat输出一行有长度限制，用递归方式封装一个Logcat工具类
问题描述: 最近,调试一个程序,差点儿被一个简单的Logcat日志蒙蔽了双眼. 过程是这样的:在代码中,用Log.i(TAG, msg)来输出msg的信息.输出的结果却只输出了前面一部分,后面的字符没 ...
基于Dapper二次封装了一个易用的ORM工具类：SqlDapperUtil
基于Dapper二次封装了一个易用的ORM工具类:SqlDapperUtil,把日常能用到的各种CRUD都进行了简化封装,让普通程序员只需关注业务即可,因为非常简单,故直接贴源代码,大家若需使用可以直 ...
[HDF5] 封装了一个简单的C++ HDF5工具库，实现常用数据类型的读写
目录一.开发环境二.主要功能三.文件结构四.HDF5写数据到hdf5文件功能实现五.HDF5读hdf5文件数据到程序中数据结构功能实现六.头文件Hdf5Function.h 七.工具类八 ...
( 持续更新，目前含 200+ 工具类 ) DevUtils 是一个 Android 工具库, 主要根据不同功能模块，封装快捷使用的工具类及 API 方法调用。
DevUtils GitHub About ( 持续更新,目前含 200+ 工具类 ) Roadmap DevUtils 是一个 Android 工具库,主要根据不同功能模块,封装快捷使用的工具类及 ...
鸿蒙harmonyOS封装一个Toast工具类
鸿蒙harmonyOS封装一个Toast工具类文章目录鸿蒙harmonyOS封装一个Toast工具类前言一.参数都弄上即可二.使用步骤 1.封装 2.使用总结前言无语提示:以下是本篇 ...
Flutter - 一个fultter练习项目(仿写微信UI、实现一些常用效果、封装通用组件和工具类)
demo 地址: https://github.com/iotjin/jh_flutter_demo 代码不定时更新,请前往github查看最新代码 pwd:123456 代码不定期更新注:Flut ...
setwindowshookex回调函数不执行_不一样的“悬停几秒后执行函数”？一个开源工具函数，请注意查收...
大家好,我是 vortesnail. 前言: 最近这几个星期,一直都在维护自己的基于 React 的开源播放器组件,以为功能基本都差不多了,却忽视了播放器一个很重要的功能:鼠标悬停在视频播放界面时,在 ...
修改和重新封装了一个GHOST XP
找到"我的电脑",右键打开"属性",我想大部分人的制造商和技术支持商那里都会是"ghost xp"版本的字眼.从当初红极一时并靠此发家的&q ...
第十三天 - 封装JDBC操作Hive工具类 - HWI配置与使用 - JavaWeb结合Hive
第十三天 - 封装JDBC操作Hive工具类 - HWI配置与使用 - JavaWeb结合Hive 第十三天 - 封装JDBC操作Hive工具类 - HWI配置与使用 - JavaWeb结合Hive ...
【python小项目】用python写一个小工具——番茄钟
用python写一个小工具--番茄钟最近听到朋友说在用番茄钟,有点兴趣也想下载一个来用用,后面仔细一想这玩意做起来也不难,索性自己顺手写一个算了,在这里也分享给大家了一.功能简述番茄钟即番茄工作 ...

自己封装的一个checkbook工具

自己封装的一个checkbook工具相关推荐

最新文章

热门文章