您的位置：首页 > Web前端 > JavaScript

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

2011-02-20 11:30 615 查看

<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 button 文档

相关文章推荐

新的分享

章节导航