【问题标题】:how to prevent disabled checkboxes of gridview from getting checked when select all checkbox is clicked?单击全选复选框时,如何防止检查gridview的禁用复选框?
【发布时间】:2013-03-26 04:50:17
【问题描述】:

我在我的 aspx 页面中使用了 gridview。我在每一行都有一个复选框,包括标题。

通过单击标题复选框,它将检查所有复选框,包括 gridview 中禁用的复选框。我需要避免禁用的复选框被选中

这是我的 gridview 代码:

<asp:GridView ID="CrowdRatingGrid" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="4" OnPageIndexChanging="CrowdRatingGrid_PageIndexChanging" ViewStateMode="Enabled">

<PagerSettings Mode="Numeric" PageButtonCount="4" />
<Columns>
<asp:TemplateField HeaderStyle-BackColor="#DBE2E2" HeaderStyle-Width="60px" HeaderStyle-HorizontalAlign="Center"
                HeaderStyle-Height="62px">
                <HeaderTemplate>
                    <asp:CheckBox ID="SelectAll" runat="server" onclick="SelectAll(this)" />

                </HeaderTemplate>
                <ItemTemplate>
                    <asp:CheckBox runat="server" ID="CheckRow" CssClass="SelectRow" />
                </ItemTemplate>
            </asp:TemplateField>
         </Columns>
        </asp:GridView>

这是我选择所有复选框的 js 代码:

function SelectAll(objRef) {

            var GridView = objRef.parentNode.parentNode.parentNode;
            var inputList = GridView.getElementsByTagName("input");
            for (var i = 0; i < inputList.length; i++) {
                var row = inputList[i].parentNode.parentNode;


                if (inputList[i].type == "checkbox" && objRef != inputList[i]) {
                    if (objRef.checked) {
                        inputList[i].checked = true;
                    }
                    else {
                        inputList[i].checked = false;
                    }
                }
            }
        }

请帮助实现这一目标?我应该在 js 中进行哪些更改才能实现我的要求?

【问题讨论】:

    标签: c# javascript asp.net gridview checkbox


    【解决方案1】:

    将条件改为

     if (objRef.checked && !inputList[i].disabled) {
               inputList[i].checked = true;
     }
     else {
           inputList[i].checked = false;
     }
    

    【讨论】:

      猜你喜欢
      • 2010-09-16
      • 2017-03-22
      • 1970-01-01
      • 1970-01-01
      • 2011-05-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多