解决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 + "')");  
            }
        }       

 

转载于:https://www.cnblogs.com/cdblogs/p/5881191.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值