如何在JavaScript检查复选框是否被选中用-系统运维-优客志

本教程将帮助您使用jQuery，这检查复选框是否被选中并执行基于操作的JavaScript代码。这在提交任何形式前，先检查任何复选框是否被选中是有用的。

JavaScript代码： -

下面是JavaScript代码，检查复选框：是否选择（id: checkBox1）。如果选中复选框，将取消隐藏元素id为msgBox元素将出现页面上。如果未选中的复选框，它会隐藏页面上的相同元素。请确保您已包含JQuery在网页上。

<script type="text/javascript">

 if(document.getElementById('checkBox1').checked) {
      $("#msgBox").show();
 } else {
      $("#msgBox").hide();
 }

</script>

HTML代码： -

下面用于创建上面的网址这个演示样本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 &#9786;</div>
</body>
</html>