JQuery détermine si la case à cocher est sélectionnée et d'autres méthodes d'opération de case à cocher collection

1. jquery détermine si la case à cocher est sélectionnée et modifie l'état de la case à cocher

Trois façons de déterminer l'enregistrement dans jquery :

Copier le code Le code est le suivant :

.attr('checked) : //Regardez la version 1.6, return : "checked" ou "undefined" ; 1.5-return : true ou false
 ;
.prop('checked'): //16 :true/false

.is(':checked'): //Toutes les versions : true/false//N'oubliez pas les deux points

Plusieurs façons d'écrire une affectation jquery vérifiées :
Toutes les versions de jquery peuvent attribuer des valeurs comme celle-ci :

Copier le code Le code est le suivant :

// $("#cb1").attr("checked","checked");

// $("#cb1").attr("checked",true);

jquery1.6 : 4 types d'affectation de prop :

Copier le code Le code est le suivant :

// $("#cb1″).prop("checked",true);//C'est tellement simple que je n'entrerai pas dans les détails

// $("#cb1″).prop({checked:true}); // mapper la paire clé-valeur

// $("#cb1″).prop("checked",function(){

return true;//La fonction renvoie vrai ou faux

});

//Rappelez-vous qu'il existe ce genre de chose :$("#cb1″).prop("checked","checked");

2. Comment jquery détermine-t-il si une case à cocher est sélectionnée

Tout le monde sait qu'en html si une case est cochée elle est vérifiée="cochée".

Mais si nous utilisons jquery alert($("#id").attr("checked")), il vous demandera que c'est vrai au lieu de vérifié

Tant d'amis jugent que if($("#id").attr("checked")=="true") est faux. En fait, cela devrait être if($("#id").attr. (« vérifié »)==true)
L'exemple comprend plusieurs fonctions.

Copier le code Le code est le suivant :

Code

Copier le code Le code est le suivant :

Nouveau document











   case à cocher1

   case à cocher2

   case à cocher3

   case à cocher4

   case à cocher5

   case à cocher6

   case à cocher7

checkbox8

三、 jquery判断checkbox是否被选中

在html的checkbox里，选中的话会有属性checked="checked"。

如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")), 会打印出"true"",而不是checked"！
如果没被选中，打印出的是"undefined"。

不要尝试去做这样的判断：if($"#xxx".attr("checked")=="true")或者if($"#xxx".attr("checked")=='checked ')
Il s'agit de if($("#checkbox1").attr("checked")==true)
全选和全不选函数

复制代码代码如下 :

fonction checkAll(){

if($("#checkbox1").attr("checked")==true){

$("input[name='xh']").each(function() {

$(this).attr('checked',true);

});

}autre {

$("input[name='xh']").each(function() {

$(this).attr('checked',false);

});

>

>

4. JQuery détermine si la case à cocher est sélectionnée, sélectionne toutes les cases à cocher et obtient la valeur sélectionnée de la case à cocher
JQuery est un framework très simple à utiliser, mais il y a beaucoup de choses que nous devons apprendre en profondeur.

Il existe de nombreuses façons de juger si la case est cochée en ligne. Voici une méthode. Personnellement, je pense

Plus pratique.

Parce qu'il est relativement simple et n'a aucun contenu technique, il suffit de le coder directement

Copier le code Le code est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">

JQuery détermine si la case à cocher est sélectionnée, sélectionne toutes les cases à cocher et obtient la valeur sélectionnée de la case à cocher

Sélectionner tout/désélectionner tout

Apple

Orange

Banane

Raisins