Heim > Web-Frontend > js-Tutorial > JQuery bestimmt, ob das Kontrollkästchen aktiviert ist, und andere Kontrollkästchenoperationsmethoden: collection_jquery

JQuery bestimmt, ob das Kontrollkästchen aktiviert ist, und andere Kontrollkästchenoperationsmethoden: collection_jquery

WBOY
Freigeben: 2016-05-16 15:57:11
Original
1402 Leute haben es durchsucht

1. jquery ermittelt, ob das Kontrollkästchen aktiviert ist und ändert den Status des Kontrollkästchens

Drei Möglichkeiten, die eingecheckte JQuery zu bestimmen:

Code kopieren Der Code lautet wie folgt:

.attr('checked): //Sehen Sie sich Version 1.6 an, Rückgabe: „geprüft“ oder „undefiniert“; 1.5-Rückgabe: wahr oder falsch
.prop('checked'): //16 :true/false
.is(':checked'): //Alle Versionen: true/false//Den Doppelpunkt nicht vergessen

Mehrere Möglichkeiten zum Schreiben einer geprüften JQuery-Zuweisung:
Alle JQuery-Versionen können Werte wie diesen zuweisen:
Code kopieren Der Code lautet wie folgt:

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

jquery1.6: 4 Arten der Zuweisung von Requisiten:
Code kopieren Der Code lautet wie folgt:

// $("#cb1″).prop("checked",true);//Es ist so einfach, dass ich nicht auf Details eingehen werde
// $("#cb1″).prop({checked:true}); //Schlüssel-Wert-Paar zuordnen
// $("#cb1″).prop("checked",function(){
return true;//Die Funktion gibt true oder false zurück
});
//Denken Sie daran, dass es so etwas gibt:$("#cb1″).prop("checked","checked");

2. Wie ermittelt jquery, ob ein Kontrollkästchen aktiviert ist

Jeder weiß, dass in HTML ein Kontrollkästchen aktiviert ist, wenn es aktiviert ist = „überprüft“.

Aber wenn wir jquery Alert($("#id").attr("checked") verwenden, werden Sie gefragt, dass es wahr ist, anstatt überprüft zu werden

So viele Freunde sind der Meinung, dass if($("#id").attr("checked")=="true") falsch ist. Tatsächlich sollte es if($("#id").attr sein ("geprüft")==true)
Das Beispiel beinhaltet mehrere Funktionen.

Code kopieren Der Code lautet wie folgt:







Code
Code kopieren Der Code lautet wie folgt:



 
  Neues Dokument
 
   
 
 
 
 

  
  
  
  
  
  

  
   Kontrollkästchen1
  
   Kontrollkästchen2
  
   Kontrollkästchen3
  
   Kontrollkästchen4
  
   Kontrollkästchen5
  
   Kontrollkästchen6
  
   Kontrollkästchen7
  
 Kontrollkästchen8
 

 


三、 jquery判断checkbox是否被选中

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

Alert($"#xxx".attr("checked")),alert($"#xxx".attr("checked")),会打印出„true““,而不是checked“!
如果没被选中,打印出的是"undefiniert"。

不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true") oder if($"#xxx".attr("checked")=='checked ')
Überprüfen Sie if($("#checkbox1").attr("checked")==true)
全选和全不选函数

复制代码 代码如下:

Funktion checkAll(){
if($("#checkbox1").attr("checked")==true){
$("input[name='xh']").each(function() {
$(this).attr('checked',true);
});
}else {
$("input[name='xh']").each(function() {
$(this).attr('checked',false);
});
}
}

4. JQuery ermittelt, ob das Kontrollkästchen ausgewählt ist, wählt alle Kontrollkästchen aus und erhält den ausgewählten Kontrollkästchenwert
JQuery ist ein sehr einfach zu verwendendes Framework, aber es gibt viele Dinge, die wir eingehend lernen müssen.

Es gibt viele Möglichkeiten zu beurteilen, ob das Kontrollkästchen online aktiviert ist. Hier ist eine Methode, die ich persönlich finde

Bequemer.

Da es relativ einfach ist und keinen technischen Inhalt hat, codieren Sie es einfach direkt

Code kopieren Der Code lautet wie folgt:

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


JQuery ermittelt, ob das Kontrollkästchen ausgewählt ist, wählt alle Kontrollkästchen aus und erhält den ausgewählten Wert des Kontrollkästchens



























Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage