使用js实现checkbox的全选与反选功能二
来源:互联网 发布:淘宝主图如何吸引人 编辑:程序博客网 时间:2024/06/15 21:33
效果图如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script type="text/javascript">/** * 全选 */function selectAll() {var all = document.getElementById("all");var languages = document.getElementsByName("language");for (var i=0; i < languages.length; i++) {languages[i].checked = all.checked;}}/** * 当下面所有的选项都被选中时,全选被选中 * 当下面所有的选项有一个没有被选中时,全选不被选中 */function sel() {var all = document.getElementById("all");var languages = document.getElementsByName("language");var count = 0;for (var i=0; i < languages.length; i++) {if(languages[i].checked) {count++;}}if(count == languages.length) {all.checked = true;}else {all.checked = false;}}</script></head><body><input type="checkbox" id="all" onclick="selectAll()" />全选<br/>编程语言:<br/><input type="checkbox" name="language" value="C" onclick="sel()" />C<br/><input type="checkbox" name="language" value="C++" onclick="sel()" />C++<br/><input type="checkbox" name="language" value="Java" onclick="sel()" />Java<br/><input type="checkbox" name="language" value="Python" onclick="sel()" />Python<br/></body></html>
0 0
- 使用js实现checkbox的全选与反选功能
- 使用js实现checkbox的全选与反选功能二
- JS实现CheckBox的全选/反选
- Js实现全选与反选功能
- Js 实现一组checkBox全选、不选、反选功能
- 使用js实现全选、反选功能
- Jquery实现checkbox的全选、反选功能代码
- jQuery(5)--实现checkbox的全选,反选,全不选功能
- js实现checkbox全选,反选,全不选
- js 实现checkbox全选、全不选、反选
- js实现checkbox全选,反选,全不选
- 如何实现listView中checkbox的全选与反选功能
- 唯爱小粽子:js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- jquery实现复选框(checkbox)的全选与反选
- checkbox全选、反选功能
- HDU 5073 Galaxy (亚洲区域赛 鞍山站)
- openfire启动失败
- 1410230858-hd-取石子游戏
- iOS:文件目录 &&资源path
- EditText中输入两位小数,并控制光标位置
- 使用js实现checkbox的全选与反选功能二
- aes加密算法简述
- Android ActionBar完全解析,使用官方推荐的最佳导航栏(上)
- Collections用法整理
- KMP算法
- VB6.0点击窗口文件,出现内存为0,不能为读
- MFC的GUI窗口使用Console输出函数printf
- 例子:照片的OCR识别
- centos6.4安装openfire