zoukankan      html  css  js  c++  java
  • Gridview中实现RadioButton单选效果 yangan

    HTML


    1<asp:TemplateField ItemStyle-Width="22px">
    2                            <ItemTemplate>
    3                                <asp:RadioButton ID="radButtonControl" GroupName="group1" runat="server" />
    4                            </ItemTemplate>
    5                        </asp:TemplateField>
    6


    CS


    1protected void gvWorkPlanList_RowDataBound(object sender, GridViewRowEventArgs e)
    2        
    {
    3            if (e.Row.RowType ==
     DataControlRowType.DataRow)
    4            
    {
    5                RadioButton rb = (RadioButton)e.Row.FindControl("radButtonControl"
    );
    6                if (rb != null
    )
    7                    rb.Attributes.Add("onclick""onRadiobuttonClick('" + this.gvWorkPlanList.ClientID + "','" + rb.ClientID + "')"
    );  
    8            }

    9        }


    JS


     1 /*
     2 传入的GridviewClientID和所选的RadioButton ClientID
     3 **/

     4   function onRadiobuttonClick(gvControlID,selectedControlId)
     5   
    {
     6        var inputs = document.getElementById(gvControlID).getElementsByTagName("input"
    );
     7        for(var i=0; i <inputs.length; i++
    )
     8        
    {
     9            if(inputs[i].type=="radio"
    )
    10            
    {
    11                if(inputs[i].id==
    selectedControlId)
    12                    inputs[i].checked = true
    ;
    13                else

    14                    inputs[i].checked = false;
    15
                   
    16            }

    17        }

    18   }
  • 相关阅读:
    Windows 8.1 序列化与反序列化
    window store app 附件读取
    Window 8.1 计时器功能及图片切换
    c#多层嵌套Json
    isNotNull与isNotEmpty的区别
    商务用语
    国家气象局三天天气WebService接口
    WebServise
    EF架构基础代码
    接口定义
  • 原文地址:https://www.cnblogs.com/xlx0210/p/1541107.html
Copyright © 2011-2022 走看看