suchen

Heim >Web-Frontend >js-Tutorial >jquery verwaltet, ob das Kontrollkästchen aktiviert ist. Beispiel für die Codefreigabe

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

小云云
小云云Original
2018-01-10 09:20:411387Durchsuche

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>

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!

Stellungnahme：
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
Vorheriger Artikel：Ajax implementiert die Funktion einer langen Verbindung zwischen Server und BrowserNächster Artikel：Ajax implementiert die Funktion einer langen Verbindung zwischen Server und Browser

In Verbindung stehende Artikel

Mehr sehen