如果不推荐使用name属性,如何独家选择单选按钮？
在前端开发中，如果不推荐使用 name 属性，可以使用 data-* 属性来独家选择单选按钮。data-* 属性是 HTML5 引入的一种自定义属性，可以在 HTML 元素上存储任意的键值对。
例如，可以在单选按钮中添加 data-custom 属性：
然后，可以使用 JavaScript 来监听单选按钮的变化，并根据 data-custom 属性的值来执行相应的操作。例如：
document.querySelectorAll('input[type="radio"]').forEach(function(radio) {
radio.addEventListener('change', function() {
if (this.checked) {
console.log('选中了', this.getAttribute('data-custom'), '选项');
}
});
});这样，就可以在不使用 name 属性的情况下，独家选择单选按钮。
相关·内容
5回答
我有一组三个单选按钮，它们是互斥的，因为我实现了组名属性，但问题是，在初始阶段，没有一个单选按钮被选中。
浏览 2提问于2013-04-30得票数 0
回答已采纳
6回答
在给定单选按钮的值的情况下，我需要以编程方式选中它。表单有一个id，输入类型显然有一个名称(但没有id)。到目前为止，我唯一成功使用的代码是：但是我希望能够通过显式地提供值来检查它。
浏览 0提问于2010-10-12得票数 5
回答已采纳
4回答
我有这个代码和html触发器单选按钮它是工作的，没有任何问题，“但是，应该有一个名称属性”当我删除名称属性是不工作的原因是什么？<input type="radio" name="e" /><input type="radio" name
浏览 5提问于2014-01-18得票数 0
回答已采纳
当用户创建帖子时，我希望他们有一个‘推荐选项’是/否，这是默认的否。因此，如果用户想要推荐一篇文章，他只需在提交表单之前选择yes单选按钮。我已经让用户和帖子模型创建了一个带有标题和正文的帖子。我想让它变得非常简单，只需使用no/yes单选按钮(默认设置为no )为post模型添加一个“推荐”属性。我对rails表单帮助器以及如何在迁移后添加yes/n
浏览 2提问于2011-10-03得票数 1
回答已采纳
4回答
我有多个动态添加的单选按钮。我希望将所选单选按钮的value属性更改为"yes"，并在选择其他单选按钮后将单选按钮值更改为"no"。<input type="radio" name="tab-active" value="no" />
通过使用以下"y
浏览 5提问于2013-12-25得票数 2
回答已采纳
我在动态创建单选按钮名称时遇到了一些挑战。如何动态生成单选按钮名称。这是我的html代码 <td> <ng-content></ng-content&g
浏览 3提问于2020-02-25得票数 1
评级控制基本上只有5个单选按钮。我遇到的问题是，当我检索用户以前做过的首选项时，只显示了最后一个首选项，所有元素的单选按钮都是未选中的。="vote" type="radio" value="1" /> if (checkedTwo) <input class="rating" name=="vote" type="radio&
浏览 4提问于2016-10-24得票数 0
回答已采纳
在5.5节使用这个文本，我尝试“将‘’字符串属性赋值给第一个单选按钮的'text‘属性，并将’fahrenheit‘赋值给第二个单选按钮”
显示了“资源选择器”(在上面的文章中被错误地称为“引用选择器”)，但是...我只能在两个字符串之间进行选择："app_name“和"hello”。不建议使用“摄氏度”和“华氏度”属性</e
浏览 2提问于2011-04-06得票数 1
回答已采纳
1回答
这个jsp使用jquery.load加载了几次。我在jquery中有一些代码 <input type="radio" name="rating" value="2" class="rateCls star"
浏览 0提问于2015-04-11得票数 0
回答已采纳
2回答
我有这个HTML代码：我尝试使用关键字“选择单选按钮”来设置单选按钮，以将值设置为“是”。我尝试使用：我收到错误信息，因为：
20160316 16:17:38.216 : INF
浏览 4提问于2016-03-16得票数 0
回答已采纳
如果选择了表单重置按钮，为什么单选按钮组上的html5不需要重置。例如，在设置了html5 required的表单中有一个单选按钮组，如果选择其中一个单选按钮，然后单击reset form按钮，则不会重置需要验证的单选按钮组，因此即使表单已重置，也不会进行重置。所以基本上你不选择任何东西就点击submit<em
浏览 17提问于2017-06-09得票数 0
回答已采纳
我有这个HTML代码：<input type="radio"name="printTemplate" value="2">
如何在javascript中将值"2“选中(勾选)？
浏览 0提问于2013-06-12得票数 0
1回答
对于VCL，我们有一个具有Items属性的TRadioGroup类，您可以在设计时对其进行修改。对于火猴，我们只有TRadioButton类。据我所知，如果您将TRadioButton类型的对象作为子对象添加到其他容器对象(例如TPanel、TGroupBox)中，这些容器将有效地充当VCL TRadioGroup对象。但是，这些单独的单选按钮的行为似乎就像它们都是同一父级的子级一样。如果选择A组中的单选按钮，然后选择B组中的
浏览 0提问于2012-06-21得票数 8
回答已采纳
在HTML中，name属性可以用于元素a、applet、form、frame、iframe、img和map。名称属性和id属性可以在HTML中用于标识文档片段。XHTML文档必须使用id而不是名称来标识上述元素中的文档片段。事实上，这些元素的name属性在XHTML1.0规范中已经被废弃。那么，如何在XHTML中替换名称属性的要求呢？因为，对于某些标签、单选按钮等，当单选按
浏览 1提问于2011-01-12得票数 0
回答已采纳
在下面的网格视图中，我有两个复选框: 1)批准和2)拒绝
我的问题是：如何限制用户只为给定行选择一个复选框，即批准还是拒绝？不是两者都是。
浏览 4提问于2012-05-09得票数 0
1回答
我目前有这个UI：问题是，当我单击一个单选按钮时，任何预先选定的按钮都将变为未选中状态。所以这告诉我没有不同的输入组-所有的<input>标记可能都在一个大组中。下面是代码，有一个外部循环和一个使用ng-repeat的内部循环：
浏览 0提问于2017-03-08得票数 0
如何以这样的方式创建一个带有一列特殊单选按钮的网格?如果用户单击特定行的这一列，那么只有这个单选按钮被选中，就像如果有一个单选组垂直分布在这列网格上一样？
浏览 0提问于2011-09-13得票数 4
回答已采纳
正如上面提到的标题，我只是想知道是否有可能只在只使用HTML和CSS检查单选按钮之后才启用select标记？
浏览 0提问于2019-01-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
