[英]Changing the background colour of a given row (onClick event) in a Dynamic table
[英]Changing a Table Row's colour onload
因此,我正在研究一個可以禁用和啟用用戶的網頁。 我有它,所以當管理員禁用或啟用用戶時,用戶表行中的文本將相應地更改顏色。 但是,我似乎無法更改行的顏色加載。 因此它們都顯示為啟用的顏色(黑色)。 到目前為止,這是我的代碼;
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";
}
}
}
我的行都是通過與數據庫的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>';
}
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>
我想知道加載是否在錯誤的位置。 有什么建議么? 如果我遺漏了一些東西,並且不清楚,請讓我知道,我將編輯我的帖子。 謝謝。
您已使用:
'<tr id="row'. $row['id'] .'">'
但
var rowId = check_array[i].value;
document.getElementById(rowId).style.color = "#4D4A49";
正在使用復選框中的value屬性,這些屬性設置為:
value="' . $row['id'] . '"
因此,要么更改:
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' : '') .'/>'
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.