DAY16——获取和设置checkbox的checked属性

input：type=“checkbox” 

checked属性，选中时为true，为选中时为false。

自动登录样式的例子：

<div class="clearfix um-block" style=" margin-top: 15px; margin-bottom: 15px">
			<label class="fl">
				<input type="checkbox"  class="none" name="" id="autoLogin">
				<span class="check"></span> 自动登录 
            </label>
</div> 

 

input选中时的样式：

input[type="checkbox"]:checked+.check {
	background: url("../img/check_on.png") center no-repeat;
	background-size: 50px;
}

 

check样式：

.check {
	width: 30px;
	height: 30px;
	background: url("../img/check_off.png") center no-repeat;
	display: inline-block;
	background-size: 50px;
	vertical-align: middle;
}

//获取是否自动登录

var autologin =$("#autoLogin")[0].checked;

//赋值

document.getElementById("autoLogin").checked = true;

 

总结：

得到选中值：

$("#id").prop("checked")

$("#id").get(0).checked)

document.getElementById("id").checked

$("#id").is(":checked")

设置选中值：

$("#id").prop("checked",true)

$("#id").get(0).checked = true

document.getElementById("id").checked = true