当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js循环出相同name,不同id的按钮,对其进行点击回复操作

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

2018年11月02日  | 移动技术网IT编程  | 我要评论
function getseat(){ var option= "<button class='btn'style='margin:5px;' onclick='onclickSeat(this)' id='全部'>全部</a>" url = "CarGetSeat"; $.post(url,nul ...
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,一个是正常的 一个是点击的,如果选中就是点击,并且对其他按钮循环撤销其他按钮的点击事件




                    
                    

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网