html高亮显示,控制复选框以及按钮
首先页面
$(function(){ //由于要控制button,所以先获取按钮数组var num = $(":button");num.click(function(){var j=0;var id;var check=""; //按钮单击,检查该行复选状态为true的,用j计数,用id捕获对象id标识$(":checkbox[name='checkbox'][checked=true]").each(function(){ //没全选计数if(this.id!="all"){j=j+1;id=this.id; //统计捕获的idcheck=check+","+this.id;}});if(this.name!="del"){if(j>1){alert("sorry！只能选择一个用户");}else{if(j==0){alert("请选择一个用户");}else{if(this.name=="browse"){alert("浏览标识为"+id);}else if(this.name=="create"){alert("创建标识为"+id);}else if(this.name=="edit"){alert("修改标识为"+id);}}}}else{if(j==0){alert("请选择一个用户");}else{var ids=check.substring(1)alert("删除"+ids);}}})//高亮显示$(".gl td").click(function(){//单击行的复选var chkItem=$(this).parent().children("td").children(":checkbox[name='checkbox']");//复选状态var chkValue=chkItem.attr("checked");//复选加相反状态chkItem.attr("checked",!chkValue);//颜色var backgroundStyle=chkValue?"#F2F4F6":"#fc6";$(this).parent().children("td").css("background-color",backgroundStyle);});$(".list_content :checkbox[name='checkbox']").click(function(){ //点击复选给相反checkedvar chkValue=$(this).attr("checked");$(this).attr("checked",!chkValue);});//all$("#chkAll").click(function(){var flag=$(this).attr("checked");var backgroundStyle=flag?"#fc6":"#F2F4F6";if(flag){$(".list_content :checkbox").attr("checked",flag);} else {$(".list_content :checkbox").removeAttr("checked");}$(".gl td").css("background-color",backgroundStyle);});})