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,一个是正常的 一个是点击的,如果选中就是点击,并且对其他按钮循环撤销其他按钮的点击事件