手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 全选与全取消功能的实现代码
javascript 全选与全取消功能的实现代码
摘要:复制代码代码如下:无标题文档functionselectAll(){varallCheckBoxs=document.getElements...

复制代码 代码如下:

<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="都喜欢">

</form>

</body>

</html>

【javascript 全选与全取消功能的实现代码】相关文章:

javascript相关事件的几个概念

浅谈javascript事件取消和阻止冒泡

javascript实现可全选、反选及删除表格的方法

JavaScript中反正弦函数Math.asin()的使用简介

JavaScript数组去重的3种方法和代码实例

javascript动态创建表格及添加数据实例详解

javascript函数特点实例

JavaScript模版引擎的基本实现方法浅析

javascript的事件描述

javascript原型模式用法实例详解

精品推荐
分类导航