JavaScript中如何检查复选框是否被选中
时间：2019-05-19 01:25:39 来源:igfitidea点击:
本教程将使用jQuery的JavaScript代码来检查复选框是否被选中，并根据它执行操作。
这在提交任何表单之前有用，以检查任何复选框是否被选中。
JavaScript代码:
下面是用来检查复选框(id: checkBox1)是否被选中的JavaScript代码。
如果选中复选框，它将显示id为msgBox的元素，该元素将出现在页面上。
如果复选框没有被选中，它将在页面上隐藏相同的元素。
确保你的网页中包含了JQuery。
<script type="text/javascript">;
if(document.getElementById('checkBox1').checked) {
$("#msgBox").show();
} else {
$("#msgBox").hide();
}
</script>;
HTML代码:
下面是用于在上面的url上创建演示的示例html代码。
这段代码有一个div (ID: msgBox)，如果复选框被选中，它就会出现在页面上;如果复选框没有被选中，它就会隐藏起来。
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function checkBoxDemo() {
if (document.getElementById('checkBox1').checked) {
$("#msgBox").show();
} else {
$("#msgBox").hide();
}
}
</script>
</head>
<body> Demo - <input type="checkbox" id="checkBox1" onclick="checkBoxDemo()">
<div id="msgBox" style="display:none">Checkbox checked ☺</div>
</body>
</html>
