编程 Javascript

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