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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
JavaScript中Math对象使用说明
Jan 16 Javascript
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
FF IE浏览器修改标签透明度的方法
Jan 27 Javascript
jQuery取id有.的值的方法
May 21 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
jQuery事件对象的属性和方法详解
Sep 09 jQuery
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
May 22 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中的三元运算符使用说明
2011/07/03 PHP
关于crontab的使用详解
2013/06/24 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
JS中Array数组学习总结
2017/01/18 Javascript
React + webpack 环境配置的方法步骤
2017/09/07 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
Python3显示当前时间、计算时间差及时间加减法示例代码
2019/09/07 Python
原来我一直安装 Python 库的姿势都不对呀
2019/11/11 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
店长岗位职责
2013/11/21 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
童装店创业计划书
2014/01/09 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
广播节目策划方案
2014/05/23 职场文书
2014年校长工作总结
2014/12/11 职场文书
学前班语言教学计划
2015/01/20 职场文书
北京故宫导游词
2015/01/31 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
国庆节主题班会
2015/08/15 职场文书
Android Studio 计算器开发
2022/05/20 Java/Android
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers