attr陷阱

一、问题:

使用jquery的attr("checked","checked") 操作勾选checkbox只能勾选一次,第二次虽然checked属性有设置,但是页面显示却没有勾选;

二、解决方法

jquery 1.7版本以后用prop方法代替了attr方法来给控件赋值

例：

<input type="checkbox" id="myckb" /> 

<input type="button" id="mybtn" value="勾选" οnclick="javascript:checkMyckb();" />

<script>

function checkMyckb(){

//$("#myckb").attr("checked","checked");//该方法会导致前面描述的问题；

//正确的方法

$("#myckb").prop("checked",true);

}

</script>