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

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">









Sélectionner tout/désélectionner tout





Apple

Orange

Banane

Raisins