西安做网站_西安网站建设公司_西安网页制作_西安网页设计_西安网站制作设计公司

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 437|回复: 0

jquery 关于checked属性的添加与移除

[复制链接]
发表于 2019-7-26 12:09:11 | 显示全部楼层 |阅读模式
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的选中状态:var isChecked = document.getElementById("share_all").checked;
jquery判断checkbox的选中状态: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的几种写法:

  所有的jquery版本都可以这样赋值:

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

  jquery1.6+:prop的4种赋值:

  // $(“#cb1″).prop(“checked”,true);//很简单就不说了哦
  // $(“#cb1″).prop({checked:true}); //map键值对
  // $(“#cb1″).prop(“checked”,function(){
    return true;//函数返回true或false
  });

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

     综上所述:在判断复选框、单选框等有checked属性的元素是否被选中时,兼容最好的是:

  .is(‘:checked’):    //所有版本:true/false//别忘记冒号哦


   
    $(":radio").removeAttr('checked');
    $(":radio").attr('checked','true');
    实际问题:在使用removeAttr()移除了radio的checked属性后,使用attr()重新增加不起作用;
    解决:
    $(":radio").removeAttr('checked');
    $("input:radio").prop('checked','true');
    即使用prop()可重新配置上该属性;
    注意:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()
西安网站建设 | 西安做网站 —— 剑锋所指 所向披靡!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|小黑屋|Archiver|西安网站建设

GMT+8, 2019-8-23 21:37 , Processed in 0.055920 second(s), 18 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表