Maison >interface Web >js tutoriel >jquery gère si la case à cocher est cochée, exemple de partage de code

jquery gère si la case à cocher est cochée, exemple de partage de code

小云云original: 2018-01-10 09:20:411387parcourir

Cet article présente principalement les informations pertinentes sur l'exemple de code de jquery pour déterminer si une case à cocher (case à cocher) est cochée. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

jquery gère si la case à cocher (case à cocher) est sélectionnée

Maintenant, si une case à cocher est cochée, utilisez vérifié=true, vérifié="checked" également Ce serait mieux pour utiliser prop au lieu de attr dans la ligne

Bien que la méthode attr() puisse être utilisée normalement dans les versions antérieures à jQuery 1.6, la méthode prop() doit désormais être utilisée à la place de

. Exemple de code :

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

Recommandations associées :

Juger si la radio dans la zone de saisie en HTML est sélectionnée

Résumé jquery pour déterminer si une case à cocher est sélectionnée instance

code jquery pour déterminer si une seule case à cocher est sélectionnée_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Ajax implémente la fonction de connexion longue entre le serveur et le navigateurArticle suivant：Ajax implémente la fonction de connexion longue entre le serveur et le navigateur

Articles Liés

Voir plus