js和jquery判断checkbox是否被选中

js判断：

if(document.getElementById("checkboxID").checked){
    alert("checkbox is checked");
}

jquery判断：

$("input[type=\'checkbox\']").is(\':checked\')

返回结果，选中：true，位选中：false

jQuery判断checkbox是否选中的3种方法

第一种：

if ($("#checkbox-id")get(0).checked) {
// do something
}

第二种：

if($(\'#checkbox-id\').is(\':checked\')) {
// do something
}

第三种：

if ($(\'#checkbox-id\').attr(\'checked\')) {
// do something
}

举个栗子：

例子里面包括了一下几个功能：

<!DOCTYPE HTML> 
<html> 
<head> 
<title> New Document </title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script > 
<SCRIPT LANGUAGE="JavaScript"> 
$("document").ready(function(){ 
　　$("#btn1").click(function(){ 
　　$("[name=\'checkbox\']").attr("checked",\'true\');//全选 
}) 
$("#btn2").click(function(){ 
　　$("[name=\'checkbox\']").removeAttr("checked");//取消全选 
}) 
$("#btn3").click(function(){ 
　　$("[name=\'checkbox\']:even").attr("checked",\'true\');//选中所有奇数 
}) 
$("#btn4").click(function(){ 
　　$("[name=\'checkbox\']").each(function(){ 
　　　　if($(this).attr("checked")) { 
　　　　　　$(this).removeAttr("checked"); 
　　　　} else { 
　　　　　　$(this).attr("checked",\'true\'); 
　　　　} 
　　}) 
}) 
$("#btn5").click(function(){ 
　　var str=""; 
　　$("[name=\'checkbox\'][checked]").each(function(){ 
　　　　str+=$(this).val()+""r"n"; 
　　　　//alert($(this).val()); 
　　}) 
　　alert(str); 
　　}) 
}) 
</SCRIPT> 
</head> 
<body> 
<form name="form1" method="post" action=""> 
<input type="button" id="btn1" value="全选"> 
<input type="button" id="btn2" value="取消全选"> 
<input type="button" id="btn3" value="选中所有奇数"> 
<input type="button" id="btn4" value="反选"> 
<input type="button" id="btn5" value="获得选中的所有值"> 
<br> 
<input type="checkbox" name="checkbox" value="checkbox1">checkbox1 
<input type="checkbox" name="checkbox" value="checkbox2">checkbox2 
<input type="checkbox" name="checkbox" value="checkbox3">checkbox3 
<input type="checkbox" name="checkbox" value="checkbox4">checkbox4 
<input type="checkbox" name="checkbox" value="checkbox5">checkbox5 
<input type="checkbox" name="checkbox" value="checkbox6">checkbox6 
<input type="checkbox" name="checkbox" value="checkbox7">checkbox7 
<input type="checkbox" name="checkbox" value="checkbox8">checkbox8 
</form> 
</body>
</html>