设为首页
|
加入收藏
您好，欢迎来到点滴吧！
手机版
www.diandiba.com
记录点点滴滴，尽在点滴吧
文章
文章
特效
素材
景点
首页
手机
建站
源码
服务器
生活
常识
健康
美食
美容
旅游
景点
攻略
游记
特产
知识
笑话
名句
散文
故事
编程
ASP
PHP
.NET
SQL
软件
Office
QQ
Photoshop
特效
幻灯片
图片相册
播放器
素材
图片
PSD素材
网页模板
您现在的位置：
首页
>
表单按钮
> 特效详情
js实现checkbox全选
更新时间：2015/7/14 17:24:10 下载：6115次
<html> <head> <script> function selectAll(){ var checklist = document.getElementsByName ("selected"); if(document.getElementById("controlAll").checked) { for(var i=0;i<checklist.length;i++) { checklist[i].checked = 1; } }else{ for(var j=0;j<checklist.length;j++) { checklist[j].checked = 0; } } } </script> </head> <body> <form> <input onClick="selectAll()" type="checkbox" name="controlAll" style="controlAll" id="controlAll"/>全选<br> 1:<input type="checkbox" name="selected" value="1"/><br> 2:<input type="checkbox" name="selected" value="2"/><br> 3:<input type="checkbox" name="selected" value="3"/><br> 4:<input type="checkbox" name="selected" value="4"/><br> 5:<input type="checkbox" name="selected" value="5"/><br> 6:<input type="checkbox" name="selected" value="6"/><br> </form> </body> </html>
预览效果
复制代码
保存代码
提示：可以先修改部分代码后再运行
js实现checkbox全选
上一个素材：
没有了
下一个素材：
点击按钮复制各种内容
相关特效
js实现checkbox全选
JS版在线考试程序-示例
JavaScript计算器
jQuery添加删除表单元素代
导航分类
热门文章
1
JS版在线考试程序-示例
2
jQuery添加删除表单元素代码
3
js实现checkbox全选
4
JavaScript计算器
5
js获取checkbox值
6
点击按钮复制各种内容
7
JS左右选择添加删除内容的列表
8
点击按钮动态增加输入框数量
9
文本框输入提示自动完成功能
10
让文本框只读并且无法获得焦点
关于我们
|
联系我们
|
免责声明
|
网站地图
|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2
www.diandiba.comwww.diandiba.com
