码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-11-02 21:35:36      阅读:528      评论:0      收藏:0      [点我收藏+]

标签:bubuko   pre   null   数据   this   并且   开始   fun   info   

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的按钮,对其进行点击回复操作

标签:bubuko   pre   null   数据   this   并且   开始   fun   info   

原文地址:https://www.cnblogs.com/wsmpy3/p/9898129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!