jquery 關(guān)于checked屬性的添加與移除

xuanp

var layer = layui.layer;  //layer初始化

$("[name='checkbox']").attr("checked",'true');//全選
$("[name='checkbox']").removeAttr("checked");//取消全選
$("[name='checkbox']:even").attr("checked",'true');//選中所有奇數   
//獲取選擇的值
var str="";     
$("[name='checkbox'][checked]").each(function(){     
　　 str+=$(this).val()+""r"n";     
　　 //alert($(this).val());     
})   
js判斷checkbox的選中狀態(tài)：var isChecked = document.getElementById("share_all").checked；
jquery判斷checkbox的選中狀態(tài)：var isChecked = $("#checkbox_id").attr("checked")=="checked";
初始化綁定按鈕的單擊事件：
$(function(){
　　$("#btn1").click(function(){              
　　　　$("[name='checkbox']").attr("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




　　 .is(":checked") vs .prop("checked") == true

　　因此，特地百度了一下，結果如下：

　　.attr(‘checked’):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
　　.prop(‘checked’): //1.6+:true/false
　　.is(‘:checked’):    //所有版本:true/false//別忘記冒號哦

　　jquery賦值checked的幾種寫(xiě)法:

　　所有的jquery版本都可以這樣賦值:

　　// $(“#cb1″).attr(“checked”,”checked”);
　　// $(“#cb1″).attr(“checked”,true);

　　jquery1.6+:prop的4種賦值:

　　// $(“#cb1″).prop(“checked”,true);//很簡(jiǎn)單就不說(shuō)了哦
　　// $(“#cb1″).prop({checked:true}); //map鍵值對
　　// $(“#cb1″).prop(“checked”,function(){
　　　　return true;//函數返回true或false
　　});

　　//$(“#cb1″).prop(“checked”,”checked”);

     綜上所述：在判斷復選框、單選框等有checked屬性的元素是否被選中時(shí)，兼容最好的是：

　　.is(‘:checked’):    //所有版本:true/false//別忘記冒號哦


   
    $(":radio").removeAttr('checked');
    $(":radio").attr('checked','true');
    實(shí)際問(wèn)題：在使用removeAttr()移除了radio的checked屬性后，使用attr()重新增加不起作用；
    解決：
    $(":radio").removeAttr('checked');
    $("input:radio").prop('checked','true');
    即使用prop()可重新配置上該屬性；
    注意：具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()