Sélection de plusieurs lignes dans le tableau de données

Question

Comment changer la couleur d'arrière-plan d'une ligne lorsque je clique sur la case à cocher?

Answer 1

Vous avez besoin d'une photo de Javascript pour ça.

<h:selectBooleanCheckbox onclick="highlightRow(this)"> 

avec

function highlightRow(checkbox) { 
    getParentByTagName(checkbox, 'tr').style.background = (checkbox.checked) ? '#6f6' : 'none'; 
} 
function getParentByTagName(element, tagName) { 
    var p = element.parentNode; 
    return p ? ((p.tagName.toLowerCase() == tagName.toLowerCase()) ? p : getParentByTagName(p, tagName)) : false; 
} 

Ou si vous utilisez déjà jQuery:

function highlightRow(checkbox) { 
    $(checkbox).closest('tr').css('background', checkbox.checked ? '#6f6' : 'none'); 
}