Repeater嵌套Repeater js实现单选问题

需求：Repeater中嵌套了一个Repeater，子Repeater中每行有个CheckBox，想用js实现每个子Repeater中的 CheckBox单选，或者不选。
就是每个子Repeater中的CheckBox不能多选。哪位给个思路，或者给个好用的 js。小弟拜谢了。

解决方案 »

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

function selchk(chk)  //chk 为 checkbox控件，   前台每个checkbox控件都需加上这方法
        {
            for(var i=0;i<form1.elements.length;i++)
            {
                var e = form1.elements[i];
                if(e.type!=null && e.type=="checkbox" && e.parentElement.parentElement.parentElement.parentElement.id=="tab") //表格里的所有checkbox是否全部选种
                {
                    if(e.checked)
                    {
                        e.checked = false;
                        chk.checked = true;
                    }
                }
            }
        }
单选的那个叫做RadionButton。设置自定义的分组名即可！
  //**全选| 反选**
引用jquery包
       window.selAll=function(obj)
       {
            $("input[name='chk_Sel']").attr("checked",$(obj).attr("checked"));
       }  <td width="80px" align="center">
                    <input type="checkbox"  name="chk_Sel" id="chk_Sel" value='<%# Eval("id") %>'/>
                </td>
js控制repeater中的checkbox全选 (转)注：测试可用，需要注意的是var theform=document.Form1 这个“Form1”要改成实际的名字。全选/反选jsfunction SelectAll() { var theform=document.Form1; if(theform.Checkbox1.checked) { for(var i=0;i < theform.elements.length;i++) { if (theform.elements[i].type == 'checkbox') { var e = theform.elements[i]; e.checked = true; } } } else { for(var i=0;i < theform.elements.length;i++) { if (theform.elements[i].type == 'checkbox') { var e = theform.elements[i]; e.checked = false; } } } }
操作按钮input type=checkbox id="Checkbox1" name=Checkbox1 nclick="SelectAll();"
选择对象input type=checkbox id=ckb name=ckb value=runat=server遍历选中按钮string arrid="";
   string a="";
   foreach   (RepeaterItem   item   in   AdminList.Items)
   {
    HtmlInputCheckBox   chkbox1=(HtmlInputCheckBox)item.FindControl("ckb");
    if   (chkbox1.Checked==true)
    {
     arrid+=chkbox1.Value+",";
     a+=chkbox1.Value;
    }
   }
   if(a.Length==0)
   {
    Response.Write("<script>alert('请选择短信息');window.location.href='noteManage.aspx?g=notelist';</script>");
    return;
   }
   arrid=arrid.Substring(0,arrid.Length-1);
   string[] id=arrid.Split(',');
   if(id.Length>=1)
   {
    for(int i=0;i<id.Length;i++)
    {
     DB.Note_Delete(id[i].Trim(),2);

    }
    Response.Write("<script>alert('短信息删除成功');window.location.href='noteManage.aspx?g=notelist';</script>");
   }
//判断多选框是否选中，并且只能选中一个
function hs(){
   var a = document.getElementsByName("chkStudent");
   var j=0;
   for(var i=0;i<a.length;i++){
    if(a[i].checked){
     j=j+1;
     if(j>1){
      alert("只能选择一个角色");
      return false;
     }
     alert(a[i].value);
    }
   }
   if(j==0){
    alert("请选择角色！");
    return false;
   }
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Test_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>
    <script type="text/javascript" src="../JS/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" >
    $(function()
    {
        $('table[id*=rep_child] input[id*=ckb_sel]').click(function()
        {
            $(this).parent().parent().find('input[id*=ckb_sel]:checked').attr("checked",false);
            $(this).attr("checked",!this.checked);
        });

    });

    </script>
</head>
<body>

    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="rep_parent" runat="server" OnItemDataBound="rep_parent_ItemDataBound">
        <ItemTemplate>

     <table border="1">
        <tr>
            <td><asp:Label ID="Label1" style="width:80px;" runat="server" Text="<%# bind('a') %>"></asp:Label></td>
            <td><asp:Label ID="Label2" style="width:80px;" runat="server" Text="<%# bind('b') %>"></asp:Label></td>
            <td><asp:Label ID="Label3" style="width:80px;" runat="server" Text="<%# bind('c') %>"></asp:Label></td>
            <td><asp:Label ID="Label4" style="width:80px;" runat="server" Text="<%# bind('d') %>"></asp:Label></td>
        </tr>
    </table>

         <asp:Repeater ID="rep_child" runat="server">
                    <ItemTemplate>
                        <asp:Label ID="lbl_child" runat="server" Style="width: 80px;"  Text="<%# bind('id') %>"> ></asp:Label>
             <table border="1">
                <tr><td><asp:CheckBoxList id="ckb_sel" runat="server" RepeatDirection="Horizontal"><asp:ListItem>test1</asp:ListItem>
                        <asp:ListItem>test2</asp:ListItem>
                        <asp:ListItem>test3</asp:ListItem>
                        <asp:ListItem>test4</asp:ListItem>
                    </asp:CheckBoxList> </td>
                </tr>
            </table>
                    </ItemTemplate>
         </asp:Repeater>

        </ItemTemplate>
        </asp:Repeater>
        <br />
        <br />
        </div>
    </form>
</body>
</html>
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;public partial class Test_Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            System.Data.DataTable dt = new System.Data.DataTable();
            dt.Columns.Add("a");
            dt.Columns.Add("b");
            dt.Columns.Add("c");
            dt.Columns.Add("d");
            for (int i = 0; i < 10; i++)
            {
                System.Data.DataRow dr = dt.NewRow();
                foreach (System.Data.DataColumn dc in dt.Columns)
                {
                    dr[dc.ColumnName] = "test" + i.ToString();
                }
                dt.Rows.Add(dr);
            }
            rep_parent.DataSource = dt.DefaultView;
            rep_parent.DataBind();        }
    }

    protected void rep_parent_ItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        Repeater rep_child=e.Item.FindControl("rep_child") as Repeater;
        DataTable dt = new DataTable();
        dt.Columns.Add("id");
        DataRow dr = dt.NewRow();
        dr[0] = e.Item.ItemIndex+1;
        dt.Rows.Add(dr);        rep_child.DataSource = dt;
        rep_child.DataBind();
    }
}
    function SetCheckBoxLis3(cb)
    {
        var objtb = document.getElementById(cb);
        list = objtb.getElementsByTagName("INPUT");
        var num = 0;
        for(var i =0;i<list.length;i++)
        {
            if(list[i].checked)
            {
                num = num+1;
            }
            if(num>3)
            {
                alert("科室的选择不得超过3个！");
                list[i].checked = false;
                return false;
            }
        }
    }
这是我用js验证的在repeater控件中的checkbox,楼主可以参考一下
    <script type="text/javascript">
    var num = 0;
    function Limit(chbControl)
    {
        if(chbControl.checked == true)
        {
            if(num>=5)
            {
                chbControl.checked = false;

                alert('不能超过5条!');
            }
            else
            {
                num++;
            }
        }
        else
        {
            num--;
        }

    }
    </script>