复选框

来源：互联网发布：ubuntu 14.04 wubi安装编辑：程序博客网时间：2024/05/02 01:29
<%@ 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="全选" onclick="allselect()"/><input type="button" value="全不选" onclick="allcancel()"/><input type="button" value="反选" onclick="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>