复选框全选效果

最新推荐文章于 2024-06-07 22:01:55 发布

技术科

最新推荐文章于 2024-06-07 22:01:55 发布

阅读量1.1k

点赞数

分类专栏： asp.net专区文章标签： javascript server c# div

本文链接：https://blog.youkuaiyun.com/jsship/article/details/3072817

版权

asp.net专区专栏收录该内容

17 篇文章

订阅专栏

 
 <%@ 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>
    <script language="javascript" type="text/javascript">
// <!CDATA[ 
function Checkbox1_onclick() {
var checkAll=document.getElementsByName("t");//取出所有name为"t"的复选框作为一个数组 
var checkSel=document.getElementById("Checkbox1");//取出控制全选的复选框ID 
for(var i=0;i<checkAll.length;i++)
{
checkAll[i].checked=checkSel.checked;
}
}
// ]]> 
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            复选框全选效果:<br />
            <input id="Checkbox1" type="checkbox" οnclick="return Checkbox1_onclick()" />全选<br />
            <br />
            <input id="Checkbox2" type="checkbox" name="t" />第一项   
            <input id="Checkbox3" type="checkbox" name="t" />第二项   
            <input id="Checkbox4" type="checkbox" name="t" />第三项 </div>
    </form>
</body>
</html>
 