javascript 怎么判断checkbox是否选中

JavaScript023

javascript 怎么判断checkbox是否选中,第1张

<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数量。

})

运行结果: