复选框

最新推荐文章于 2022-03-12 14:36:43 发布

DrugScropion

最新推荐文章于 2022-03-12 14:36:43 发布

阅读量362

点赞数

分类专栏： JS|JQ|CSS 文章标签： button input function xhtml server html

本文链接：https://blog.csdn.net/ScorpionFZ/article/details/6784152

版权

JS|JQ|CSS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title></title>
</head>
<body>
<div id="music">
    <input type="checkbox" /><label>1</label><br />
    <input type="checkbox" /><label>2</label><br />
    <input type="checkbox" /><label>3</label><br />
</div>
<input type="button" value="全选" οnclick="allselect()"/>
<input type="button" value="全不选" οnclick="allcancel()"/>
<input type="button" value="反选" οnclick="inverse()"/>
</body>
</html>

<script type="text/javascript">
    var music = document.getElementById('music');
    checkbox = music.getElementsByTagName('input');

    function allselect() {
        for (var i = 0; i < checkbox.length; i++) {
            checkbox[i].checked = "true";
        }
    }

      function allcancel() {
        for (var i = 0; i < checkbox.length; i++) {
            checkbox[i].checked = "";
        }
    }

    function inverse() {
        for (var i = 0; i < checkbox.length; i++) {
            checkbox[i].checked = !checkbox[i].checked;
        }
    }
</script>

DrugScropion

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复选框

1 2 3 var music = document.getElementById('music'); checkbox = music.getElementsByTagName('input'); function al
复制链接

扫一扫