只选择一个在多张选择一个给定的行复选框 - jQuery的 [英] Select only one checkbox for a given row in mulitple selection - jQuery

问题描述

在下面的GridView我有两个checkboxs
1）批准2）拒绝结果
我的问题是：如何限制用户只选择一个复选框对于一个给定行已批准或拒绝？不能同时使用。

 ＆LT; ASP：GridView控件ID =routePlanGridView=服务器的AutoGenerateColumns =FALSE＆GT;
            ＆LT;柱体和GT;
             ＆LT;＆HeaderTemplate中GT; [全选]＆LT; BR /＆GT;
                ＆LT; ASP：复选框ID =chkApproveAll=服务器的onclick =全选（这一点，.selectapprove'）;/＆GT;
            ＆LT; / HeaderTemplate中＆GT;
             ＆LT; ASP：的TemplateField的HeaderText =批准＆GT;
                ＆LT;＆ItemTemplate中GT;
                    ＆LT; D​​IV CLASS =selectreason＆GT;
                        ＆LT; ASP：复选框的CssClass =selectme​​ID =chkapprove=服务器选中=false的＆GT;
                        ＆LT; / ASP：复选框＆GT;
                     ＆LT; / DIV＆GT;
                ＆LT; / ItemTemplate中＆GT;
            ＆LT; / ASP：的TemplateField＆GT;
            ＆LT; ASP：的TemplateField的HeaderText =拒绝＆GT;
 ＆LT;＆HeaderTemplate中GT; [全选]＆LT; BR /＆GT;
                ＆LT; ASP：复选框ID =chkRejectAll=服务器的onclick =全选（这一点，.selectreject'）;/＆GT;
            ＆LT; / HeaderTemplate中＆GT;                ＆LT;＆ItemTemplate中GT;
                    ＆LT; D​​IV CLASS =selectreason＆GT;
                        ＆LT; ASP：复选框的CssClass =selectme​​ID =chkreject=服务器选中=false的＆GT;
                        ＆LT; / ASP：复选框＆GT;
                     ＆LT; / DIV＆GT;
                ＆LT; / ItemTemplate中＆GT;
            ＆LT; / ASP：的TemplateField＆GT;
            ＆LT; /专栏＆GT;
        ＆LT; / ASP：GridView的＆GT;
 

解决方案

如果我理解你的表格是如何工作的，你应该使用单选按钮。他们的工作正是你想要已经的方式。此外，它会更直观的用户。

单选按钮有一个名为名的附加属性是用来放置到组

in the below gridview i have two checkboxs 1) approve and 2) reject
my question is: how can i restrict the user to select only one checkbox for a given row which is approve or reject? NOT both.

  <asp:GridView ID="routePlanGridView" runat="server" AutoGenerateColumns="False" >        
            <Columns>          
             <HeaderTemplate>[Select All]<br />
                <asp:CheckBox ID="chkApproveAll" runat="server" onclick="SelectAll(this, '.selectapprove'); " />
            </HeaderTemplate>
             <asp:TemplateField HeaderText="approve">
                <ItemTemplate> 
                    <div class="selectreason">
                        <asp:CheckBox CssClass="selectme" ID="chkapprove" runat="server" Checked="false">
                        </asp:CheckBox>
                     </div>
                </ItemTemplate> 
            </asp:TemplateField>
            <asp:TemplateField HeaderText="reject">
 <HeaderTemplate>[Select All]<br />
                <asp:CheckBox ID="chkRejectAll" runat="server" onclick="SelectAll(this, '.selectreject'); " />
            </HeaderTemplate>

                <ItemTemplate> 
                    <div class="selectreason">
                        <asp:CheckBox CssClass="selectme" ID="chkreject" runat="server" Checked="false">
                        </asp:CheckBox>
                     </div>
                </ItemTemplate> 
            </asp:TemplateField>
            </Columns>
        </asp:GridView>

解决方案

If I understand how your form works you should be using Radio Buttons. They work exactly the way you want already. Also it will be more intuitive to your users.

[Edit]

Radio buttons have an extra attribute called "name" is used to put them into groups

这篇关于只选择一个在多张选择一个给定的行复选框 - jQuery的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！