我们在运用Repeter绑定数据到RadioButton在前台生成单选按钮组的时候，我们可能会遇到生成的按钮并不能实现单选这种情况，即使你设置了GroupName属性，也不会起作用。这时我们就要借助于我们强大的JS了。代码如下：

前台Repeter部分代码：

                             
                                  
       
                                
        年
                                                
         
          全部
                                             
                                    
                        
                          
     

生成的单选按钮组源码及Dome：

     
                                                
      
                                2001年	全部	10月                             
                                                    
      
                                2005年	全部	6月                             
                                                    
      
                                2006年	全部	2月	3月	5月	6月	12月                             
                                                    
      
                                2007年	全部	11月                             
                                                    
      
                                2008年	全部	1月	6月                             
                                                    
      
                                2009年	全部	11月	12月                             
                                                    
      
                                2010年	全部	2月	3月	4月	7月	8月	9月	12月                             
                                                    
      
                                2011年	全部	1月	5月	6月	7月	10月	11月	12月                             
                                        
     

 

实现单选效果的JS事件：

//让repeter生成的radio组为单选     function selectSingleRadio(rbtn, GroupName) {
            $("input[type=radio]").each(function (i) {
                if (this.name.substring(this.name.length - GroupName.length) == GroupName) {
                    this.checked = false;             }         })         rbtn.checked = true;     }

 //设置默认选中项     $(document).ready(function () {
             var cArray = $("#rsview input[type=radio]")         var i;         for (i = 0; i < cArray.length; i++) {
                 if (cArray[i].checked) {
                     cArray[i].checked = false;             }             cArray[cArray.length - 1].checked = true;         }     }); 

我们现在来看看在后台是如何来遍历Repeter来加载相应组中控件的值的,代码如下：

//获得所有年月         void LoadData()         {
               NewLand dataYTD = new NewLand(-1, 0);             DataSet ds = NewLandReportAdapter.Instance.GetData(dataYTD);             //筛选出不重复的年份             DataTable result = ds.Tables[0].DefaultView.ToTable(true, "Years");             RepeaterYM.DataSource = result;             RepeaterYM.DataBind();             //遍历RepeaterYM.加载各年的月份             foreach (RepeaterItem item in RepeaterYM.Items)             {
                   RadioButton year = (RadioButton)item.FindControl("Year");                 string yearNow = year.Text;                 DataView dv = ds.Tables[0].DefaultView;                 dv.RowFilter = "Years=" + yearNow;                 DataTable dt = dv.ToTable();                 DropDownList monthlist = (DropDownList)item.FindControl("MonthList");                 monthlist.DataSource = dt;                 monthlist.DataTextField = "Months";                 monthlist.DataValueField = "Months";                 monthlist.DataTextFormatString = "{0}月";                 monthlist.DataBind();                 monthlist.Items.Insert(0, new ListItem("全部", "0"));             }         }

最后再看看，后台如何获得前台选中按扭的值：

//根据所选择的年份和月份生成报表        protected void SelectData_Click(object sender, EventArgs e)        {            string year = string.Empty;            string month = string.Empty;            //遍历Repeater 获得选中控件的值            foreach (RepeaterItem item in RepeaterYM.Items)            {                         RadioButton yearbtn = (RadioButton)item.FindControl("Year");                if (yearbtn.Checked)                {                    year = yearbtn.Text;//取得选中的年份                    DropDownList monthlist = (DropDownList)item.FindControl("MonthList");//获得选中的月份                    month = monthlist.SelectedValue;                             }            }      }