嵌套 datalist checkbox 用js 实现全选

现在有两个嵌套的datalist，每个datalist中都有一个checkbox，
我想实现这样的效果：
1 . 点击父datalist 中的checkbox 就全选子datalist 的checkbox
2 . 单击某个全选按钮，就全选两个datalist中所有的checkbox
请问用js如何实现？谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script language="JavaScript">
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.name != 'checkall' && e.name !='checkbox')
e.checked = form.checkall.checked;
}
}
</script>
=======================================
全选<INPUT id="checkall" onclick="CheckAll(this.form)" type="checkbox" value="on" name="checkall">
js代码如下: <script language=javascript>
function selectAll(chkbox)
{
     var box = chkbox;
     oState = box.checked;
     elem = box.form.elements;
     for(i = 0; i < elem.length; i ++)
     {
          if(elem[i].type == "checkbox" && elem[i].id != box.id)
         {
               if(elem[i].checked != oState)
               {
    elem[i].click();
                }
         }
     }
}
</script>
html中的代码如下 <HeaderTemplate>

          <asp:CheckBox id="ckb_All" runat="server" onclick="selectAll(this);"></asp:CheckBox>

</HeaderTemplate>
点击父 datalist 中的checkbox 全选子datalist中的checkbox 怎么实现啊
http://community.csdn.net/Expert/topic/5549/5549382.xml?temp=.6224634
http://www.cnblogs.com/zjz8668/category/94445.html
还是没有解决，我说的是嵌套的datalist ，选中父datalist 中的checkbox，则选中子datalist中全部checkbox，用js要如何实现，请高手帮忙
不懂就别乱发，DataList是.NET里面的，你要HTML格式代码实现，后面怎么取值啊。我晕死。
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">    void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack) {
            LoadProductData();
        }
    }    void dlstProCat_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        DataRowView drv = e.Item.DataItem as DataRowView;
        if(drv == null) return;        DataRow dr = drv.Row;
        DataList dlstPro = e.Item.FindControl("dlstPro") as DataList;
        DataView dvPro = dr.Table.ChildRelations["ProCatShip"].ChildTable.DefaultView;
        dvPro.RowFilter = "CategoryId = " + dr["CategoryID"].ToString();
        dlstPro.DataSource = dvPro;
        dlstPro.DataBind();
    }    void LoadProductData()
    {
        DataSet ds = CreateProductCategoryDataSet();
        dlstProCat.DataSource = ds.Tables["Categories"];
        dlstProCat.DataBind();
    }    #region sample data

    static DataSet CreateProductCategoryDataSet()
    {
        DataSet ds = new DataSet("ProductCategorySet");
        DataTable dtPro = CreateProductTable();
        DataTable dtCat = CreateCategoryTable();
        ds.Tables.Add(dtPro);
        ds.Tables.Add(dtCat);
        ds.Relations.Add("ProCatShip", dtCat.Columns["CategoryID"], dtPro.Columns["CategoryID"]);        return ds;
    }    static DataTable CreateProductTable()
    {
        DataTable tbl = new DataTable("Products");        tbl.Columns.Add("ProductID", typeof(int));
        tbl.Columns.Add("ProductName", typeof(string));
        tbl.Columns.Add("CategoryID", typeof(int));
        DataRow row = tbl.NewRow();
        row[0] = 1;
        row[1] = "Chai";
        row[2] = 1;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 2;
        row[1] = "Chang";
        row[2] = 1;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 3;
        row[1] = "Aniseed Syrup";
        row[2] = 2;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 4;
        row[1] = "Chef Anton's Cajun Seasoning";
        row[2] = 2;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 5;
        row[1] = "Chef Anton's Gumbo Mix";
        row[2] = 2;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 47;
        row[1] = "Zaanse koeken";
        row[2] = 3;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 48;
        row[1] = "Chocolade";
        row[2] = 3;
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 49;
        row[1] = "Maxilaku";
        row[2] = 3;
        tbl.Rows.Add(row);        return tbl;
    }    public static DataTable CreateCategoryTable()
    {
        DataTable tbl = new DataTable("Categories");        tbl.Columns.Add("CategoryID", typeof(int));
        tbl.Columns.Add("CategoryName", typeof(string));
        DataRow row = tbl.NewRow();
        row[0] = 1;
        row[1] = "Beverages";
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 2;
        row[1] = "Condiments";
        tbl.Rows.Add(row);        row = tbl.NewRow();
        row[0] = 3;
        row[1] = "Confections";
        tbl.Rows.Add(row);        return tbl;
    }    #endregion

</script><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Nested DataList</title>
    <script type="text/javascript">
    function chkCatPro_Clicked(sender, suredId1, suredId2)
    {
        var cnt = sender.parentElement.parentElement.parentElement;
        var nptArr = cnt.getElementsByTagName("input");
        for(var i = 0; i < nptArr.length; i++) {
            if(nptArr[i].type == 'checkbox' &&
                (nptArr[i].id.indexOf(suredId1) > -1 || nptArr[i].id.indexOf(suredId2) > -1)) {
                nptArr[i].checked = sender.checked;
            }
        }
    }

    function chkCat_Clicked(sender, suredId)
    {
        var cnt = sender.parentElement;
        var nptArr = cnt.getElementsByTagName("input");
        for(var i = 0; i < nptArr.length; i++) {
            if(nptArr[i].type == 'checkbox' && nptArr[i].id.indexOf(suredId) > -1) {
                nptArr[i].checked = sender.checked;
            }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataList ID="dlstProCat" runat="server" OnItemDataBound="dlstProCat_ItemDataBound">
            <HeaderTemplate>
                <asp:CheckBox ID="chkCatPro" onclick="chkCatPro_Clicked(this, 'chkCat', 'chkPro')" runat="server" />
            </HeaderTemplate>
            <ItemTemplate>
                <asp:CheckBox ID="chkCat" onclick="chkCat_Clicked(this, 'chkPro')" runat="server" />
                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("CategoryName") %>'></asp:Label>
                    <div style="padding-left:20px;">
                    <asp:DataList ID="dlstPro" runat="server" >
                        <ItemTemplate>
                            <asp:CheckBox ID="chkPro" runat="server" />
                            <asp:Label ID="Label1" runat="server" Text='<%# Eval("ProductName") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:DataList>
                    </div>
            </ItemTemplate>
        </asp:DataList>

    </div>
    </form>
</body>
</html>

嵌套 datalist checkbox 用js 实现 全选

解决方案 »

嵌套 datalist checkbox 用js 实现全选