• 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   }
  • 相关阅读:
    各种骚操作线段树
    CCPC qinhuangdao
    ACM ICPC 2017 Warmup Contest 3
    ACM ICPC 2017 Warmup Contest 2[菜鸡选手的成长]
    树状数组总结篇
    XDOJ 1152: 数据库查询
    POJ 1511Invitation Cards
    React非受控组件
    React 组件优化之函数防抖节流---使用 debounce +throttle 函数
    React脚手架工程化项目里ServiceWorker.js文件作用
  • 原文地址:https://www.cnblogs.com/xlx0210/p/1541107.html
Copyright © 2020-2023  润新知