checkbox用法

最新推荐文章于 2025-08-05 17:49:47 发布

yangshenghong

最新推荐文章于 2025-08-05 17:49:47 发布

阅读量848

点赞数

CC 4.0 BY-SA版权

文章标签： input xhtml server html function c#

本文链接：https://blog.youkuaiyun.com/yangshenghong/article/details/3274054

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

<!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>
<script>
function checkall(obj,checkboxname)
{
var checkbox=document.getElementsByName(checkboxname);
for(var i=0;i<checkbox.length;i++){checkbox[i].checked=obj.checked;}
}
function checknoall(checkboxes,checkallbox)
{
//if(!obj.checked){document.getElementById(checkallbox).checked=false;}
var checkbox=document.getElementsByName(checkboxes);
//alert(checkbox.length);
var temp=0;
for(var i=0;i<checkbox.length;i++)
{
if(checkbox[i].checked) temp=temp+1;
}
//alert(temp);
if(temp==checkbox.length){document.getElementById(checkallbox).checked=true;}
else{document.getElementById(checkallbox).checked=false;}
}
</script>
    <form id="form1" runat="server">
    <div>
    <input id="Checkbox1" name="chall" onclick="checkall(this,'Checkbox2')" type="checkbox" />
        <input id="Checkbox2" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox3" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox4" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox5" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox6" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox7" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
        <input id="Checkbox8" name="Checkbox2" onclick="checknoall('Checkbox2','chall')"
            type="checkbox" />
    </div>
    </form>
</body>
</html>