JavaScript CheckBox 更改颜色不起作用答案

【问题标题】：JavaScript CheckBox Change Color Not WorkingJavaScript CheckBox 更改颜色不起作用
【发布时间】：2021-10-07 07:10:13
【问题描述】：

您好，我正在尝试使用这个 checkAll 功能。

如果我点击 checkAll 复选框，那么所有行都会被选中，背景颜色也会相应改变。

这是我的 javascript：

function checkAll(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) {
                    row.style.backgroundColor = "aqua";
                    inputList[i].checked = true;
                }
                else {
                    if (row.rowIndex % 2 == 0) {
                        row.style.backgroundColor = "#e4edfb";

                    } else {
                        row.style.backgroundColor = "white";
                    }
                    inputList[i].checked = false;
                }
            }
        }
    }

这是我的代码：

<asp:TemplateField>
   <HeaderTemplate>
      <asp:CheckBox ID="checkAll" runat="server" onclick="checkAll(this);" />
   </HeaderTemplate>
   <ItemStyle HorizontalAlign="Center" />
   <ItemTemplate>
      <asp:HiddenField ID="hidID" runat="server" Value='<%# Eval("Id") %>' />
   <asp:CheckBox runat="server" ID="chkBoxMultipleSelect" CssClass="chkBoxMultipleSelect" OnClick="checkIfUnselected(this);" />
   </ItemTemplate>
</asp:TemplateField>

单击 checkAll 复选框后，我只能更改该复选框列的颜色，而不能更改我的其他列。

任何帮助都会幻影显形。谢谢。

【问题讨论】：

标签： javascript html css gridview

【解决方案1】：

function checkAll(spanChk) {
        var IsChecked = spanChk.checked;
        var Chk = spanChk;
        Parent = document.getElementById('gvMessageReportShow');
        var items = Parent.getElementsByTagName('input');
        for (i = 0; i < items.length; i++) {
            if (items[i].id != Chk && items[i].type == "checkbox") {
                if (items[i].checked != IsChecked) {
                    spanChk.parentElement.parentElement.style.backgroundColor = 'aqua';
                    items[i].click();
                }
            }
        }
    }

我最终在这里找到了答案

http://www.codedigest.com/Articles/ASPNET/132_GridView_with_CheckBox_%E2%80%93_Select_All_and_Highlight_Selected_Row.aspx

【讨论】：