jqueryでチェックボックスが選択されているかどうかを確認する方法-jsチュートリアル-php.cn

jqueryでチェックボックスが選択されているかどうかを確認する方法

青灯夜游

リリース： 2021-11-25 18:21:01

オリジナル

10100 人が閲覧しました

判定方法: 1.「$(チェックボックス要素).prop('checked')」ステートメントを使用し、true が返された場合は選択され、false が返された場合は選択されていません; 2. 「$(チェックボックス要素)ボックス要素).is(':checked')」ステートメントを使用し、trueが返された場合はチェックされ、falseが返された場合はチェックされません。

jqueryでチェックボックスが選択されているかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery はチェックボックスがチェックされているかどうかを決定します

方法 1: 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>

ログイン後にコピー

jqueryでチェックボックスが選択されているかどうかを確認する方法

方法 2: is(':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;).is(&#39;:checked&#39;);
					alert(isChecked);
				});
			});
			</script>
	</head>
	<body>

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

	</body>
</html>

ログイン後にコピー

jqueryでチェックボックスが選択されているかどうかを確認する方法