jquery常用方法——checkbox控件

[b]1、判断checkbox（复选框）是否被选中 [/b]

//html
<input type="checkbox" id="acceptId">我已阅读并接受

//js
var accept = $("#acceptId").is(":checked");
if (accept) {
    // 哈哈该复选框被选中了
}

[b]jquery判断checkbox是否选中及改变checkbox状态[/b]

.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦（推荐）

[b]jQuery赋值checked推荐的几种写法[/b]

$("#cb1").prop("checked",true); //标准写法，推荐！
$("#cb1").prop({checked:true}); //map键值对    
$("#cb1").prop("checked",function(){
    return true;//函数返回true或false
});

------------------------------ eg: --------------------------------
[img]http://dl2.iteye.com/upload/attachment/0130/5860/02dbd9ad-7575-3cd0-9c42-3f42b715f30c.png[/img]
1、html文件：

<script src="/assets/js/jquery-2.0.3.min.js"></script>
<input type="checkbox" id="cheboxAllNews" onclick="doSelectAllNews();" />全选<br/>
-----------------------------------------<br/>
<input type="checkbox" name="newscheckbox" value="1" onclick="isSelectAllNews(this);" />语言<br/>
<input type="checkbox" name="newscheckbox" value="2" onclick="isSelectAllNews(this);" />文学<br/>
<input type="checkbox" name="newscheckbox" value="3" onclick="isSelectAllNews(this);" />天文<br/>

2、js文件

//选中全部复选框
function doSelectAllNews() {
	var dd = $("#cheboxAllNews");
	var df = $("#cheboxAllNews").is(":checked");  //推荐使用“:checked”
	if($("#cheboxAllNews").is(":checked")) {
		//$("input[name='newscheckbox']").attr("checked", "checked");  //不起作用了
		$("input[name='newscheckbox']").prop("checked",true); 
	} else {
		$("input[name='newscheckbox']").removeAttr("checked");
	}
}
function isSelectAllNews(news) {
	if($(news).attr("checked") != "checked") {
		$("#cheboxAllNews").removeAttr("checked");
	}
}