JS判断单个checkbox是否被选中的代码

发布时间:2020-09-25编辑:脚本学堂
本文介绍下,如何用Js判断单个checkbox是否选中,提供了二个方法供大家参考。

方法一:
 

复制代码 代码示例:
<script>
function check()
{
var lee=document.forms["form1"].lee;
if (lee.checked == true)
 {
 alert('true');
 }
 else
 {
 alert('false');
 }
}
</script>
<form name="form1">
<input type="checkbox" id="lee" onClick="check();">
</form>

方法二:
 

复制代码 代码示例:

<script type="text/javascript">
function checkform() {
     //判断标题栏是否填写
     if (document.form1.title.value == "") {
         alert("信息类型不能为空!");
         document.form1.title.focus();
         return;
     }

     //判断checkbox是否被选中
     var len = document.form1.keywords.length;
     var checked = false;

     for (i = 0; i < len; i++)
     {
         if (document.form1.keywords[i].checked == true)
         {
             checked = true;
             break;
         }
     }
     if (!checked)
     {
         alert("请至少选择一个关键词!");
         return;
     }

     document.form1.submit();
}
</script>

附,JS修改checkbox的选中状态
 

复制代码 代码示例:
<SCRIPT LANGUAGE="JavaScript">
<!--
function change()
{
var c=document.myform.mybox;
     if (c.checked)
     {
      c.checked=false;
     }
else
{
   c.checked=true;
}
}
//-->
</SCRIPT>
<FORM METHOD="POST" ACTION="" name="myform">
<INPUT TYPE="checkbox" NAME="mybox" value="1" >
</FORM>
<INPUT TYPE="button" onclick="change();" value="改变">