jquery verwaltet, ob das Kontrollkästchen aktiviert ist. Beispiel für die Codefreigabe-js-Tutorial-php.cn

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

小云云

Freigeben： 2018-01-10 09:20:41

Original

1347 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!