|
var layer = layui.layer; //layer初始化
$("[name='checkbox']").attr("checked",'true');//全選
$("[name='checkbox']").removeAttr("checked");//取消全選
$("[name='checkbox']:even").attr("checked",'true');//選中所有奇數(shù)
//獲取選擇的值
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")
設(shè)置選中
$("#id").prop("checked",true)
$("#id").get(0).checked = true
document.getElementById("#id").checked = true
.is(":checked") vs .prop("checked") == true
因此,特地百度了一下,結(jié)果如下:
.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop(‘checked’): //1.6+:true/false
.is(‘:checked’): //所有版本:true/false//別忘記冒號(hào)哦
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鍵值對(duì)
// $(“#cb1″).prop(“checked”,function(){
return true;//函數(shù)返回true或false
});
//$(“#cb1″).prop(“checked”,”checked”);
綜上所述:在判斷復(fù)選框、單選框等有checked屬性的元素是否被選中時(shí),兼容最好的是:
.is(‘:checked’): //所有版本:true/false//別忘記冒號(hào)哦
$(":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()
|
|