Js_Checkbox全选反选案列
来源:互联网 发布:海康ivms4500软件下载 编辑:程序博客网 时间:2024/06/16 07:58
代码:
<!DOCTYPE html><html><head><title>checkboxs.html</title><meta name="keywords" content="keyword1,keyword2,keyword3"><meta name="description" content="this is my page"><meta name="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript"> //select 不行 function selects(value) { //获取所有的 name=fav的<input type="checkbox" name="fav" value="java1"/>对象的集合 var favsDom = document.getElementsByName("fav"); if (value == 0) { for (var i = 0; i < favsDom.length; i++) { var favDom = favsDom[i];//获取具体的对象 if (favDom.checked) { favDom.checked = false; } } } else if (value == 1) { for (var i = 0; i < favsDom.length; i++) { var favDom = favsDom[i];//获取具体的对象 if (!favDom.checked) { favDom.checked = true; } } } else if (value == -1) { for (var i = 0; i < favsDom.length; i++) { var favDom = favsDom[i];//获取具体的对象 favDom.checked = !favDom.checked; } } }</script></head><body> <div> <input type="checkbox" name="fav" value="java1" />java1<br /> <input type="checkbox" name="fav" value="java2" />java2<br /> <input type="checkbox" name="fav" value="java3" />java3<br /> <input type="checkbox" name="fav" value="java4" />java4<br /> <input type="checkbox" name="fav" value="java5" />java5<br /> <input type="checkbox" name="fav" value="java6" />java6<br /> </div> <div> <input type="button" id="qx" value="全选" onclick="selects(1)" /> <input type="button" id="fx" value="反选" onclick="selects(-1)" /> <input type="button" id="qbx" value="全不选" onclick="selects(0)" /> </div></body></html>
效果:
3 0
- Js_Checkbox全选反选案列
- js_checkbox取值赋值
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 全选
- 看数据结构写代码(48) 弗洛伊德最短路径
- 孙正义:梦想与激情(摘抄)
- 浏览器: blink 架构 目录结构
- Kettle 命令行使用笔记
- HDU_DFS_2812
- Js_Checkbox全选反选案列
- 黑马程序员——用java模拟斗地主洗牌和发牌
- 数据结构 - 树(基础)
- JavaScript之冒泡法排序
- 第六周 【项目4-成员函数、友元函数和一般函数有区别】
- 最终一致性与CAP中CP模式的对比
- ajax中get和post两种请求的区别
- 如何阅读技术书籍
- lua环境的配置以及c++调用lua的简单例子