Comment déterminer si une case à cocher est sélectionnée dans jquery-js tutoriel-php.cn

Comment déterminer si une case à cocher est sélectionnée dans jquery

青灯夜游

Libérer： 2021-11-25 18:21:01

original

10099 Les gens l'ont consulté

Méthode de jugement : 1. Utilisez l'instruction "$(checkbox element).prop('checked')". Si true est renvoyé, il est sélectionné, si false est renvoyé, il n'est pas sélectionné ; élément checkbox). is(':checked')", si elle renvoie vrai, elle est vérifiée, si elle renvoie faux, elle n'est pas vérifiée.

Comment déterminer si une case à cocher est sélectionnée dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

jquery pour déterminer si la case à cocher est cochée

Méthode 1 : Utilisez prop('checked')prop('checked')

如果返回true则选中，返回false则未选中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var isChecked = $(&#39;#cbx&#39;).prop(&#39;checked&#39;);
					alert(isChecked);
				});
			});
			</script>
	</head>
	<body>

		<input type="checkbox" id="cbx" /><label for="cbx">点我</label><br /><br />
		<button>判断复选框是否被选中</button>

	</body>
</html>

Copier après la connexion

Comment déterminer si une case à cocher est sélectionnée dans jquery

方法2：利用is(':checked')

Si vrai est renvoyé, il est vérifié, si faux est renvoyé , c'est décoché

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var isChecked = $(&#39;#cbx&#39;).is(&#39;:checked&#39;);
					alert(isChecked);
				});
			});
			</script>
	</head>
	<body>

		<input type="checkbox" id="cbx" /><label for="cbx">点我</label><br /><br />
		<button>判断复选框是否被选中</button>

	</body>
</html>

Copier après la connexion

Comment déterminer si une case à cocher est sélectionnée dans jquery