javascript 全选与全取消功能的实现代码


Posted in Javascript onDecember 23, 2012
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript" language="javascript"> 
function selectAll() 
{ 
var allCheckBoxs = document.getElementsByName("coffee"); 
var desc = document.getElementById("like"); 
if(desc.value == "都喜欢") 
{ 
desc.value = "都不喜欢"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = true; 
} 
} 
else 
{ 
desc.value = "都喜欢"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<p>你喜欢那种类型咖啡</p> 
<form> 
<input type="checkbox" name="coffee" value="cream">蓝山咖啡<br> 
<input type="checkbox" name="coffee" value="sugar" >摩卡<br> 
<input type="checkbox" name="coffee" value="sugar">拿铁<br> 
<input type="checkbox" name="coffee" value="sugar">卡布奇诺<br> 
<input type="checkbox" name="coffee" value="sugar">爱尔兰咖啡<br> 
<input type="button" id="like" value="都喜欢" onClick="selectAll()"> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
基于jquery的blockui插件显示弹出层
Apr 14 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
理解javascript对象继承
Apr 17 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
学习使用Bootstrap栅格系统
May 11 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 #Javascript
javascript小数四舍五入多种方法实现
Dec 23 #Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 #Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 #Javascript
JavaScript执行效率与性能提升方案
Dec 21 #Javascript
JS实现图片预加载无需等待
Dec 21 #Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 #Javascript
You might like
PHP多线程抓取网页实现代码
2010/07/22 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
判断浏览器的javascript版本的代码
2010/09/03 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
多种方法实现load加载完成后把图片一次性显示出来
2014/02/19 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
JS前端加密算法示例
2016/12/22 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
2017/02/15 Javascript
JavaScript实现获取远程的html到当前页面中
2017/03/26 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
jQuery复合事件用法示例
2017/06/10 jQuery
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
资源环境与城市管理专业推荐信
2013/11/30 职场文书
学习退步检讨书
2014/09/28 职场文书
人才市场接收函
2015/01/30 职场文书
客服专员岗位职责
2015/02/10 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
比较node.js和Deno
2021/04/27 Javascript
深入探讨opencv图像矫正算法实战
2021/05/21 Python
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python