Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery verwaltet, ob das Kontrollkästchen aktiviert ist. Beispiel für die Codefreigabe

小云云
Freigeben: 2018-01-10 09:20:41
Original
1358 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die relevanten Informationen zum Beispielcode der JQuery-Verarbeitung vor, ob das Kontrollkästchen (Kontrollkästchen) aktiviert ist. Ich hoffe, es kann allen helfen.

jquery verarbeitet, ob das Kontrollkästchen (Kontrollkästchen) ausgewählt ist

Wenn nun ein Kontrollkästchen ausgewählt ist, verwenden Sie auch „checked=true“ und „checked“ (checked). Das wäre besser um prop anstelle von attr in der Zeile

zu verwenden. Obwohl die attr()-Methode in Versionen vor jQuery 1.6 normal verwendet werden kann, muss jetzt die prop()-Methode anstelle von

verwendet werden. Beispielcode:


<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8"/>
<title>checkbox</title>
</head>
<body>

<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">

<input type="checkbox" value="checkbox1"/>
<input type="checkbox" value="checkbox2"/>
<input type="checkbox" value="checkbox3"/>
<input type="checkbox" value="checkbox4"/>
<input type="checkbox" value="checkbox5"/>

<script src="js/jquery-3.2.0.min.js"></script>
<script>
$(function(){

var checkbox = $("input[type=checkbox]");

$("#btn1").on("click",function(){
checkbox.prop("checked",true);
});

$("#btn2").on("click",function(){
checkbox.prop("checked",false);
});

$("#btn3").on("click",function(){
$("input[type=checkbox]:even").prop("checked",true);
});

$("#btn4").on("click",function(){
checkbox.each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});
});

$("#btn5").on("click",function(){
var str = "";
$("input[type=checkbox]").each(function(){
if($(this).prop("checked")){
str += $(this).val() + ",";
}

});
console.log(str);
});

});
</script>


</body>
</html>
Nach dem Login kopieren

Verwandte Empfehlungen:

Beurteilen, ob das Radio im Eingabefeld in HTML ausgewählt ist

Zusammenfassende JQuery, um zu bestimmen, ob ein Kontrollkästchen ausgewählt ist.

JQuery-Code, um zu bestimmen, ob ein einzelnes Kontrollkästchen ausgewählt ist_jquery

Das obige ist der detaillierte Inhalt vonjquery verwaltet, ob das Kontrollkästchen aktiviert ist. Beispiel für die Codefreigabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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