Vérifier si la case à cocher est cochée avec jQuery

Question

Comment puis-je vérifier si une case à cocher dans un tableau de cases à cocher est cochée en utilisant l'id du tableau de cases à cocher ?

J'utilise le code suivant, mais il renvoie toujours le nombre de cases cochées, quel que soit l'identifiant.

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

Answer 1

$('#' + id).is(":checked")

Cela permet de savoir si la case est cochée.

Pour un tableau de cases à cocher portant le même nom, vous pouvez obtenir la liste des cases cochées par :

var $boxes = $('input[name=thename]:checked');

Puis de les parcourir en boucle et de voir ce qu'il y a de vérifié que vous pouvez faire :

$boxes.each(function(){
    // Do stuff here with this
});

Pour savoir combien sont cochés, vous pouvez faire :

$boxes.length;

Answer 2

Les identifiants doivent être uniques dans votre document, ce qui signifie que vous devez ne devrait pas faites-le :

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

Au lieu de cela, laissez tomber l'ID, puis sélectionnez-les par leur nom ou par un élément qui les contient :

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

Et maintenant le jQuery :

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

Answer 3

$('#checkbox').is(':checked'); 

Le code ci-dessus renvoie true si la case à cocher est cochée ou false si elle ne l'est pas.

Answer 4

Le concept le plus important à retenir concernant l'attribut checked est le suivant qu'il ne correspond pas à la propriété checked. L'attribut correspond en réalité à la propriété defaultChecked et ne doit être utilisé uniquement pour définir la valeur initiale de la case à cocher. La valeur de l'attribut checked ne change pas avec l'état de la case à cocher, tandis que la valeur de l'attribut checked le fait. Par conséquent, la méthode compatible avec les navigateurs pour pour déterminer si une case à cocher est cochée est d'utiliser la propriété

Toutes les méthodes ci-dessous sont possibles

elem.checked 

$(elem).prop("checked") 

$(elem).is(":checked")

Answer 5

Vous pouvez essayer ceci :

<script>
function checkAllCheckBox(value)
{
   if($('#select_all_').is(':checked')){
   $(".check_").attr ( "checked" ,"checked" );
    }
    else
    {
        $(".check_").removeAttr('checked');
    }

 }

</script>
<input type="checkbox" name="chkbox" id="select_all_" value="1" />

<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />
<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />