JavaScript之复选框的全选,全不选
2015-08-04 09:04
585 查看
<html> <head> <title>damel11</title> <script type="text/javascript"> function checkAll(){ var fruits = document.getElementsByName("fruit"); var btn = document.getElementById("aa"); if(btn.value=="全选"){ for( var i = 0; i< fruits.length;i++){ fruits[i].checked = true; } btn.value = "全不选"; }else{ for( var i = 0; i< fruits.length;i++){ fruits[i].checked = false; } btn.value = "全选"; } } function check1(){ var cd = document.getElementById("cd"); var fruits = document.getElementsByName("fruit"); for(var i = 0;i < fruits.length;i++){ fruits[i].checked= cd.checked; } } function message(){ alert("请再认真核对一遍!") alert("删除成功!"); //window.open("damel11.html"); } </script> </head> <body> <input type="checkbox" name="fruit"/>苹果<br/> <input type="checkbox" name="fruit"/>香蕉<br/> <input type="checkbox" name="fruit"/>葡萄<br/> <input type="checkbox" name="fruit"/>火龙果<br/> <input type="checkbox" name="fruit"/>橘子<br/> <input type="checkbox" name="fruit"/>水蜜桃<br/> <input type="checkbox" id="cd" onclick="check1()"/>全选/全不选<br/> <input type="button" value="全选" id="aa" onclick="checkAll()"/> <input type="submit" value="确定"onclick="message()"/> <br/> </body> </html>
相关文章推荐
- Jq实现重叠效果-实现无限级分类树形中js 的折叠效果
- js中的 substring和substr方法
- JavaScript权威指南_147_第15章_脚本化文档_15.10-其他文档特性-document.write()
- js之prototype用法(给对象添加通用属性/方法)
- javaScript 页面自动加载事件详解
- JavaScript高级程序设计学习笔记——第一章JavaScript简介
- javascript函数
- 常用的Javascript数据验证插件
- Javascript实现鼠标右键特色菜单
- 两种JS实现屏蔽鼠标右键的方法
- javascript控制图片播放的实现代码
- javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
- Javascript实现可旋转的圆圈实例代码
- JavaScript实现选择框按比例拖拉缩放的方法
- JavaScript仿静态分页实现方法
- JavaScript运动减速效果实例分析
- js实现简易的单数字随机抽奖(0-9)
- javascript记住用户名和登录密码(两种方式)
- 用js编写的简单的计算器代码程序
- JavaScript实现LI列表数据绑定的方法