首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果不推荐使用name属性,如何独家选择单选按钮?

在前端开发中,如果不推荐使用 name 属性,可以使用 data-* 属性来独家选择单选按钮。data-* 属性是 HTML5 引入的一种自定义属性,可以在 HTML 元素上存储任意的键值对。

例如,可以在单选按钮中添加 data-custom 属性:

代码语言:html<input type="radio" data-custom="option1"> 选项 1<input type="radio" data-custom="option2"> 选项 2<input type="radio" data-custom="option3"> 选项 3
复制

然后,可以使用 JavaScript 来监听单选按钮的变化,并根据 data-custom 属性的值来执行相应的操作。例如:

代码语言:javascript
复制
document.querySelectorAll('input[type="radio"]').forEach(function(radio) {
  radio.addEventListener('change', function() {
    if (this.checked) {
      console.log('选中了', this.getAttribute('data-custom'), '选项');
    }
  });
});

这样,就可以在不使用 name 属性的情况下,独家选择单选按钮。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券