很多时候,我们会用jq去操作单选框或者复选框等的选中和取消选中状态,由于以前的使用习惯,直接用attr(‘checked’,true/fasle)来进行操作,奈何找了一下午原因,上网百度等,也没有找出。最后找jq源码得知:原来在jquery1.6作为分界岭,开始使用prop(“checked”,true/fasle)来进行操作,果然可以正常选中和取消选中状态了。
总结:
1、在使用选项值为true和false的时候,就使用prop,其他的时候使用attr.
2、使用dom自带的属性 使用prop 自定义属性使用attr.
仅为自己心得,不对之处还望指正。
<input type="radio" id="a1" name="sex">男
<input type="radio" id="a2" name="sex">女
<button value="取消选中" onclick=“cancel()”>
<button value="选中a1" onclick=“a1()”>
<button value="选中a2" onclick=“a2()”>
<script>
function cancel(){
$("input:checked").porp("checked",false);
}
function a1(){
$("#a1").prop("checked",true);
}
function a2(){
$("#a2").prop("checked",true);
}
</script>