首页 > 其他 > 详细

Gridview中实现RadioButton单选效果

时间:2014-11-04 18:59:51      阅读:238      评论:0      收藏:0      [点我收藏+]

HTML

<asp:TemplateField ItemStyle-Width="22px">
                           <ItemTemplate>
                               <asp:RadioButton ID="radButtonControl" GroupName="group1" runat="server" />
                           </ItemTemplate>
                       </asp:TemplateField>

 

CS

protected void gvWorkPlanList_RowDataBound(object sender, GridViewRowEventArgs e)
       {
           if (e.Row.RowType == DataControlRowType.DataRow)
           {
               RadioButton rb = (RadioButton)e.Row.FindControl("radButtonControl");
               if (rb != null)
                   rb.Attributes.Add("onclick", "onRadiobuttonClick(‘" + this.gvWorkPlanList.ClientID + "‘,‘" + rb.ClientID + "‘)");  
           }
       }

 

JS

/**//*
传入的GridviewClientID和所选的RadioButton ClientID
**/
  function onRadiobuttonClick(gvControlID,selectedControlId)
  {
       var inputs = document.getElementById(gvControlID).getElementsByTagName("input");
       for(var i=0; i <inputs.length; i++)
       {
           if(inputs[i].type=="radio")
           {
               if(inputs[i].id==selectedControlId)
                   inputs[i].checked = true;
               else
                   inputs[i].checked = false;
              
           }
       }
  }

 

Gridview中实现RadioButton单选效果

原文:http://www.cnblogs.com/bluewhale84/p/4074151.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!