js循环出相同name,不同id的按钮,对其进行点击回复操作
程序员文章站
2022-09-05 21:14:50
function getseat(){ var option= "
function getseat(){ var option= "<button class='btn'style='margin:5px;' onclick='onclickseat(this)' id='全部'>全部</a>" url = "cargetseat"; $.post(url,null,function(data){ var res = json.parse(data); $.each(res,function(i,n){//循环,i为下标从0开始,n为集合中对应的第i个对象 option += "<button class='btn'name='btnseat' style='margin:5px;' onclick='onclickseat(this)' id="+n.seat+">"+n.seat+"</a>" }); $("#seatget").html(option); }); }//从数据库获取按钮 function onclickseat(which){ var searchseat=which.id;//获取查询座位 if($(which).hasclass("btnactive")){ $(which).removeclass("btnactive"); }else{ $(which).addclass("btnactive"); } $("button[name=btnseat]").each(function(i,item){ if(this.id!=(which.id)){ $(this).removeclass("btnactive"); } });//有两个css,一个是正常的 一个是点击的,如果选中就是点击,并且对其他按钮循环撤销其他按钮的点击事件