欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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,一个是正常的 一个是点击的,如果选中就是点击,并且对其他按钮循环撤销其他按钮的点击事件
js循环出相同name,不同id的按钮,对其进行点击回复操作

js循环出相同name,不同id的按钮,对其进行点击回复操作