选中点击项和样式的移入移除

来源:互联网 发布:手机户型平面图软件 编辑:程序博客网 时间:2024/06/11 02:01
         点击事件中设置
  function chgDayPlanCheckStatus (obj) {

    $(obj).find(":checkbox").prop("checked", !$(obj).find(":checkbox").prop("checked"));   //!$(obj).find(":checkbox").prop("checked")返回checkbox选中的值(checked)的相反数    

  if($(obj).find("li").hasClass("color")){    //对css的移入移除

  $(obj).find("li").removeClass("color");

  $(obj).find("li").css("color","#2277DA");
  } else {
  $(obj).find("li").addClass("color");
  $(obj).find("li").css("color","black");
  }

  }


css中:

      .color {
    color:black;
}


body中:

 var div = $("<div class='checkbox-dayPlan' onclick='chgDayPlanCheckStatus(this)'><input type='checkbox' name='arrReordIds' class='chkbox arrReordIds' value='" + element.recordId + "'/><label></label><li class='color' style='margin:16px;'> "+element.name+"</li></div>");

0 0