<form onsubmit="return checkform(this)">
<input type="checkbox" name="s" /><input type="submit" value="submit"/>
</form>
function checkform(form){//采用通常情况的方式来验证是否被选中
if(form.s.checked) alert("checked")
//采用jquery方式来验证,此时,与表单无关。只需判断被选中的对象是否大于零,如果没有被选中,size()方法将返回0,如果有多个被选中,则返回被选中的个数。
if($("input[name='s']:checked").size() > 0) alert("checked")
return false //测试用,返回flase值,表单不会提交。正式使用时,可删除。
}
如果被选中则可以提交,没有选中弹出提示框,不能提交。<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数量。
})
运行结果: