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本地用户及组的区别
    mysql基本命令总结
    常用DOS命令
    AES加密算法详解
    ctf密码学习题总结
    CTF最简单的Web题
    python进阶篇
    JNI开发流程
    JDK中的Timer和TimerTask详解
  • 原文地址:https://www.cnblogs.com/xlx0210/p/1541107.html
Copyright © 2011-2022 走看看