单击标签时停止选择单选按钮

Question

我正在 Qualtrics 中编写调查，由于各种原因，我手动为特定问题创建了单选按钮。我看到的问题是，由于我创建的单选按钮放置在 Qualtrics 的框架中，它们位于我无法控制的标签内。

这是一个例子

<label>
<p>Clicking also selects the first button, but it shouldn't</p>
 <label><p>Click this to select 1st button<input type="radio" name="c" id="a"></p></label>
 <label><p>Click this to select 2nd button<input type="radio" name="c" id="b"></p></label>
</label>

点击超级标签中的部分最终默认选择第一个单选按钮。有没有办法，也许使用属性或其他东西，我可以停止这种行为？如果单击内部标签，我只希望选择单选按钮。同样，我不控制与外部标签相关的 html，仅控制内部标签。

谢谢！

Answer 1

一个可行的快速破解方法是在单选按钮上方创建一个隐藏的输入，这样点击外部标签就会集中在那里。这绝对是一个黑客，但你的用例很奇怪。

https://jsfiddle.net/42qLgq75/

HTML:

<label>
 <p>Clicking also selects the first button, but it shouldn't</p>
 <input class='hiddenInput' id="a">
 <label><p>Click this to select 1st button<input type="radio" name="c" id="a"></p></label>
 <label><p>Click this to select 2nd button<input type="radio" name="c" id="b"></p></label>
</label>

CSS: .hiddenInput { 显示：none； }

单击标签时停止选择单选按钮

Stop radio button from being selected when label is clicked

html

label

radio-button

qualtrics