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

最新推荐文章于 2022-04-30 23:12:06 发布

qq_29069777

最新推荐文章于 2022-04-30 23:12:06 发布

阅读量471

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog.php?id=hhikkchj2hab&title=js%E5%BE%AA%E7%8E%AF%E5%87%BA%E7%9B%B8%E5%90%8Cname%EF%BC%8C%E4%B8%8D%E5%90%8Cid%E7%9A%84%E6%8C%89%E9%92%AE%EF%BC%8C%E5%AF%B9%E5%85%B6%E8%BF%9B%E8%A1%8C%E7%82%B9%E5%87%BB%E5%9B%9E%E5%A4%8D%E6%93%8

版权

前端专栏收录该内容

1175 篇文章 2 订阅

订阅专栏

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