js循环出相同name,不同id的按钮,对其进行点击回复操作
Posted 魏什么丫
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js循环出相同name,不同id的按钮,对其进行点击回复操作相关的知识,希望对你有一定的参考价值。
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的按钮,对其进行点击回复操作的主要内容,如果未能解决你的问题,请参考以下文章
如何在选项/选择标签循环之外的按钮中使用 Vue.js 中下拉列表的选定 ID