js如何判断checkbox是否被选中?

JavaScript038

js如何判断checkbox是否被选中?,第1张

如果被选中则可以提交,没有选中弹出提示框,不能提交。

<script language="javascript">

function check()

{

if(document.form1.checkbox.checked==false) //如果表单1的复选框没被选中。则执行以下语句

{

alert("请选中复选框")

return false

}

}

</script>

判断checkbox是否至少选择一项,也就是获取已经被选择的数量。

使用jQuery比较方便。示例如下:

HTML:

<input type="checkbox" value="1" />

<input type="checkbox" value="2" />

<input type="checkbox" value="3" />

<button>获取数量</button>

jQuery:

$('button').click(function() {

    alert($(':checkbox:checked').length) //获取并打印被选中checkbox数量。

})

运行结果:

建议取标签name: <input type="checkbox" id="ck1" name="myCheckBox" value="1"/><input type="checkbox" id="ck2" name="myCheckBox" value="2"/><input type="checkbox" id="ck3" name="myCheckBox" value="3"/><script>//取name为myCheckBox的对象数组 var chkArray= document.getElementsByName('myCheckBox' )//循环取得的数组,输出选中按钮的值 for(var i=0i<chkArray.lengthi++) if(chkArray[i].checked){ alert("选中的是"+chkArray[i].value)} } </script>