zoukankan      html  css  js  c++  java
  • 解决radiobutton在gridview中无法单选的一种方法

    最近在项目中有个单选gridview中某一项的需求,使用radiobutton后发现,虽然最终选择出来的是一项,但是在页面上却可以选择多项,经过查看生成的html代码,发现生成的radio的name属性并不一样,即使已经加了groupname。解决方法代码如下

    页面代码:

     <asp:GridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False"
            PageSize="10" AllowPaging="true" DataSourceID="SmartDataSource1" DataKeyNames="DecisionItemID" onrowdatabound="GridView1_RowDataBound">
            <Columns>
                <asp:TemplateField HeaderText="选择" ItemStyle-Width="5px" ItemStyle-HorizontalAlign="Center">
                    <ItemTemplate>
                        <asp:RadioButton runat="server"  GroupName="SelDecision" ID="cbSel" key='<%#Eval("DecisionItemID") %>' />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField DataField="SerialNumber"  HeaderText="决策事项编号" ItemStyle-Width="80px"
                    ItemStyle-HorizontalAlign="Center" />
                <asp:BoundField DataField="DecisionMakingMatters" HeaderText="决策事项" ItemStyle-Width="300px"/>
               
        
            </Columns>
        </asp:GridView>

    js代码

     1 function onClientClick(selectedId, rowIndex) {
     2             var inputs = document.getElementById("<%=SmartGridView1.ClientID%>").getElementsByTagName("input");
     3             for (var i = 0; i < inputs.length; i++) {
     4                 if (inputs[i].type == "radio") {
     5                     if (inputs[i].id == selectedId)
     6                         inputs[i].checked = true;
     7                     else
     8                         inputs[i].checked = false;
     9                 }
    10             }
    11         }  

    后台代码

     protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
            {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {
                    RadioButton rb = (RadioButton)e.Row.FindControl("cbSel");
                    if (rb != null)
                        rb.Attributes.Add("onclick", "onClientClick('" + rb.ClientID + "','" + e.Row.RowIndex + "')");  
                }
            }       
    
  • 相关阅读:
    微信小程序 数据绑定方式
    wxss与rpx
    Ubuntu 编译安装 Xdebug
    PHP运算符优先级
    有了art-template,如有神助
    laydate控制之前的日期不可选择
    label和span的区别
    phpredis基本操作
    FILE,id不一致
    双层保障,年龄的输入
  • 原文地址:https://www.cnblogs.com/cdblogs/p/5881191.html
Copyright © 2011-2022 走看看