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