按钮点击获取所有值而不是索引
创始人
2024-11-03 21:30:43
0

在JavaScript中,可以通过以下两种方式来获取按钮点击时的所有值而不是索引:

  1. 通过添加自定义属性来存储值: HTML代码:

JavaScript代码:

const buttons = document.querySelectorAll('.my-button');

buttons.forEach(button => {
  button.addEventListener('click', (event) => {
    const value1 = event.target.getAttribute('data-value1');
    const value2 = event.target.getAttribute('data-value2');
    console.log(value1, value2);
  });
});
  1. 通过将值存储在按钮的文本内容中: HTML代码:


JavaScript代码:

const buttons = document.querySelectorAll('.my-button');

buttons.forEach(button => {
  button.addEventListener('click', (event) => {
    const value = event.target.textContent;
    console.log(value);
  });
});

无论使用哪种方法,当按钮被点击时,可以从事件对象中获取按钮的值,并将其打印到控制台中。

相关内容

热门资讯

第7分钟透视!微乐小程序黑科技... 您好,微乐小程序黑科技这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩...
无独有偶!微乐小程序黑科技,微... 无独有偶!微乐小程序黑科技,微信小程序辅助器免费版(透视)果然真的有挂(哔哩哔哩)1、金币登录送、破...
八分钟透视!微乐小程序免费黑科... 八分钟透视!微乐小程序免费黑科技,微乐小程序自建房辅助器(开挂)一直真的是有挂(2026)该软件可以...
透视总结!微乐小程序黑科技,微... 透视总结!微乐小程序黑科技,微信小程序有挂吗辅助(透视)果然真的是有挂(哔哩哔哩)1、全新机制【微信...
一直以来!微乐小程序免费黑科技... 一直以来!微乐小程序免费黑科技,微信小程序微乐辅助器破解版(透视)一直是真的挂(哔哩哔哩)1、下载好...
第1分钟教程!微乐小程序免费黑... 第1分钟教程!微乐小程序免费黑科技,微信微乐辅助ios(开挂)真是是真的挂(2026)1、下载好微乐...
第1分钟下载!微乐小程序黑科技... 第1分钟下载!微乐小程序黑科技,微乐小程序辅助工具免费版(开挂)确实真的有挂(2026)一、微乐小程...
明白辅助挂!微乐小程序黑科技,... 明白辅助挂!微乐小程序黑科技,微乐小程序辅助工具哪里下载(透视)竟然存在有挂(哔哩哔哩)1、玩家可以...
9分钟开挂!微乐小程序免费黑科... 9分钟开挂!微乐小程序免费黑科技,微乐多乐跑作弊(开挂)一直真的是有挂(2026)微乐小程序免费黑科...
透视透视挂!微乐小程序免费黑科... 透视透视挂!微乐小程序免费黑科技,微乐自建房怎么提高胜率(透视)一贯真的有挂(哔哩哔哩)1、玩家可以...