使用 AJAX、JS、JSP 选择复选框时的表格着色

Question

谁能告诉我如何给整个表格（表格的每一行）上色，到目前为止我只能给表格的第一行上色

我在jsp中的颜色函数：-

function changeColor(rowID){
        var row = document.getElementById(rowID);

        var alternateRow = document.getElementById(rowID +'_alt');  
    if(row!=null){
        if(row.style.backgroundColor == '' || row.style.backgroundColor == '#ffffff'){
            row.style.backgroundColor = "#009966";
            return;
        }
        if(row.style.backgroundColor == '#009966'){
            row.style.backgroundColor = "#ffffff";
            return;
        }    
    }
    if(alternateRow!=null){     
        if(alternateRow.style.backgroundColor == '' || alternateRow.style.backgroundColor == '#ffffff'){
            alternateRow.style.backgroundColor = "#009966";
            return;
        }
        if(alternateRow.style.backgroundColor == '#009966'){
            alternateRow.style.backgroundColor = "#ffffff";
            return;
        }
    }
}

Answer 1

假设您的 HTML 如下：-

<input id="test" type="checkbox" name="testing" />Hello World

使用 JQuery：

$("#test").click(function() {     
   if ($(this).is(':checked'))
    {
        $('tr').css("background-color", "red");
    }
});