Transformez ce javascript en équivalent jQuery

Question

Pouvez-vous aider à transformer le Javascript suivant en équivalent jQuery?

// Let's use a lowercase function name to keep with JavaScript conventions 
function selectAll(involker) { 
    // Since ASP.NET checkboxes are really HTML input elements 
    // let's get all the inputs 
    var inputElements = document.getElementsByTagName('input'); 

    for (var i = 0; i < inputElements.length; i++) { 
     var myElement = inputElements[i]; 

     // Filter through the input types looking for checkboxes 
     if (myElement.type === "checkbox") { 

      // Use the involker (our calling element) as the reference 
      // for our checkbox status 
      myElement.checked = involker.checked; 
     } 
    } 
} 

Il est d'ici http://wiki.asp.net/page.aspx/281/check-uncheck-checkboxes-in-gridview-using-javascript/

Answer 1

function selectAll(involker) { 
    $('input:checkbox').attr('checked', $(involker).attr('checked')); 
} 

Answer 2

Juste par:

function selectAll(involker) { 
    $('input:checkbox').attr('checked', involker.checked); 
} 

Answer 3

$('input:checkbox').attr('checked', involker.checked); 

Il est également "invocateur" non "involker".

Answer 4

Faisons le style jquery!

$('type here the selector for invoker').click(function(){ 
    $('input:checkbox').attr('checked', $(this).attr('checked')); 
}); 

Answer 5

En supposant le même code HTML que l'exemple, vous voulez supprimer les attributs d'événement (c.-à-OnClick="selectAll(this)") et utiliser Javascript discret:

$(document).ready(function() { 
    $('#cbSelectAll').click(function() { 
     $('input:checkbox').attr('checked', $(this).attr('checked')); 
    }); 
}); 

Answer 6

Ma réponse sera semblable aux autres, sauf pour souligner que l'utilisation attr() est un très mauvais moyen d'obtenir ou de définir la vérification d'une case à cocher. Il est plus long, plus difficile à lire, plus lent et plus sujet aux erreurs, car il passe par toutes sortes d'appels inutiles à la fonction jQuery et implique faussement qu'il a quelque chose à voir avec les attributs.

function selectAll(invoker) { 
    var check = invoker.checked; 
    $('input:checkbox').each(function() { this.checked = check; }); 
} 

Answer 7

Juste pour donner une variété d'options et ajouter des informations pour les autres.

Pour répondre remplacement de votre fonction: Définissez toutes les cases pour correspondre à l'état vérifié actuel de involker:

function selectAll(involker) 
{ 
    $("input:checkbox").attr("checked",involker.checked); 
}; 

AUTRES:

Définissez toutes les cases contrôlées actuellement en fonction de l'état vérifié en cours de involker:

function selectAll(involker) 
{ 
    $("input:checkbox:checked").attr("checked",involker.checked); 
}; 

Définissez toutes les cases à cocher NON cochée pour correspondre à l'état actuel de vérification involk er:

function selectAll(involker) 
{ 
    $("input:checkbox:not(:checked").attr("checked",involker.checked); 
}; 

Et de jeter dans un autre, je l'ai trouvé utile avec une « case maître/bouton clicker »: activer toutes les cases de l'état actuel

Définissez toutes les cases à cocher en face de leur réglage actuel : (hypothèse d'objet avec id = 'toggleCheckboxes de l'attribut) Set

$('#toggleCheckboxes').click(function() 
{ 
    $("input:checkbox").each(function() { 
     this.checked = !this.checked; 
    }); 
}); 

toutes les cases pour correspondre à la valeur actuelle de case maître: (hypothèse d'objet case d'entrée avec id = attribut « masterCheckbox »)

$('#masterCheckbox:checkbox').change(function() 
{ 
    var master = this.checked; 
    $(".childCheckbox input:checkbox").each(function() { 
     this.checked = master; 
    }); 
});