Javascript 更改表格行';s颜色加载

Javascript 更改表格行';s颜色加载,javascript,php,html,checkbox,Javascript,Php,Html,Checkbox,所以我正在开发一个网页,管理员可以在其中禁用和启用用户。当管理员禁用或启用用户时,用户表行中的文本将相应地改变颜色。然而,我似乎无法在加载时更改行的颜色。因此,它们都显示为启用的颜色(黑色)。这是到目前为止我的代码 function loadRow(){ var check_array = document.getElementsByName("checkbox[]"); var array_size = check_array.length; for(var i

所以我正在开发一个网页,管理员可以在其中禁用和启用用户。当管理员禁用或启用用户时,用户表行中的文本将相应地改变颜色。然而,我似乎无法在加载时更改行的颜色。因此,它们都显示为启用的颜色(黑色)。这是到目前为止我的代码

function loadRow(){


    var check_array = document.getElementsByName("checkbox[]");
    var array_size = check_array.length;

    for(var i =0; i < array_size; i++){
        if(check_array[i].checked){
            var rowId = check_array[i].value;
            document.getElementById(rowId).style.color = "#4D4A49"; 
        }
    }

}
函数loadRow(){
var check_array=document.getElementsByName(“复选框[]”);
var array\u size=检查\u array.length;
对于(变量i=0;i
我的行都是通过PHP连接到我的数据库填充的,下面是代码

while($row = mysqli_fetch_array($result)){
    $output .= '<tr id="row'. $row['id'] .'"><td>' . $row['name'] .'</td>
                <td>'. $row['username'] .'</td>
                <td>' . $row['email'] . '</td>
                <td><input name="checkbox[]" type="checkbox" id="checkbox'. $row['id'] .'"  value="' . $row['id'] . '" onchange="disableUser(this.value)" ' . ($row['disable'] == 0 ? 'checked' : '') .'/></td>
                <td><a href="deleteUser.php">Delete</a></td>
                </tr>';
}
while($row=mysqli\u fetch\u数组($result)){
$output.=''.$row['name'].'
“.$row['username']”
“.$row['email']”
';
}
HTML看起来是这样的

<table border="1">
    <tr><th>Name</th><th>Username</th><th>Email</th><th>Disabled</th><th>Delete</th></tr>
    <?php echo $output; ?>
</table>

NameUsernameEmailDisabledDelete
我想知道是否装载在错误的地方。有什么建议吗?如果我遗漏了什么,并且不清楚,请让我知道,我会编辑我的帖子。谢谢。

您使用过:

'<tr id="row'. $row['id'] .'">'
正在使用复选框中的值属性,该复选框设置为:

value="' . $row['id'] . '"
因此,要么改变:

document.getElementById('row' + rowId).style.color = "#4D4A49"; 

“”

如果需要行颜色,可能需要背景颜色,因此请尝试
。。。style.backgroundColor='#4D4A49'该“颜色”表示文本颜色,您可能会在中的某个位置覆盖它styles@Serg它应该只是改变文本的颜色。我忘了具体说明。我刚刚编辑了它。你有没有试着在循环中去胶以检查check_数组是否为非空以及if语句是否被传递?@CJ。我刚才在for循环中添加了一个警报,以确保它得到了复选框和它们的ID,并且可以正常工作。以及在if语句中放置警报。循环和if语句似乎工作正常。@CaptainQuint您得到的rowId值是多少?因为复选框的值是:value=“.”.$row['id'.]”,而实际的id是:id=“row”。$row['id'.],所以感知可能需要document.getElementById('row'+rowId').style.color=“#4D4A49”)。我真不敢相信我忘了将“row”部分添加到id中。所以我所做的是:
var rowId=“row”+check\u array[I].value;
谢谢您的帮助。非常感谢。
document.getElementById('row' + rowId).style.color = "#4D4A49"; 
'<input name="checkbox[]" type="checkbox" id="checkbox'. $row['id'] .'"  value="row' . $row['id'] . '" onchange="disableUser(this.value)" ' . ($row['disable'] == 0 ? 'checked' : '') .'/>'