亚洲欧美成人综合一区_国产精品一区二区无码_亚洲风情偷拍区_成?人免费无码视频在线看

西安做網(wǎng)站_西安網(wǎng)站建設(shè)公司_西安網(wǎng)頁(yè)制作_西安網(wǎng)頁(yè)設(shè)計(jì)_西安網(wǎng)站制作設(shè)計(jì)公司

 找回密碼
 注冊(cè)

QQ登錄

只需一步,快速開(kāi)始

搜索
查看: 10275|回復(fù): 0
打印 上一主題 下一主題

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

[復(fù)制鏈接]
跳轉(zhuǎn)到指定樓層
樓主
發(fā)表于 2019-7-26 12:09:11 | 只看該作者 回帖獎(jiǎng)勵(lì) |倒序?yàn)g覽 |閱讀模式
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()
西安網(wǎng)站建設(shè) | 西安做網(wǎng)站 —— 劍鋒所指 所向披靡!
您需要登錄后才可以回帖 登錄 | 注冊(cè)

本版積分規(guī)則

QQ|小黑屋|手機(jī)版|Archiver|西安網(wǎng)站建設(shè)

GMT+8, 2024-10-22 16:41 , Processed in 0.040130 second(s), 14 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復(fù) 返回頂部 返回列表