Question

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

这是一个例子

<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 { display：none; }

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

1 个答案: