按下标签时选中单选框

Question

我有一些单选按钮，我希望在单击它们的标签后检查它们。

这是我渲染前的代码。

div class="btn-group-vertical max-width-100 btn-group-for-partial row col-xs-12" data-toggle="buttons">
                @foreach (var x in @Model.dwom.Options)
                {
                    <label for="@x"><input type="radio" name="elu.Answer" id="@x" value="@x"/>@x</label><br />
                }
</div>

这是我渲染后的代码。

<label for="Poinsettia">
  <input type="radio" name="elu.Answer" id="Poinsettia" value="Poinsettia" />Poinsettia</label>
<br />
<label for="Mistletoe">
  <input type="radio" name="elu.Answer" id="Mistletoe" value="Mistletoe" />Mistletoe</label>
<br />
<label for="Ivy">
  <input type="radio" name="elu.Answer" id="Ivy" value="Ivy" />Ivy</label>
<br />
<label for="Holly">
  <input type="radio" name="elu.Answer" id="Holly" value="Holly" />Holly</label>
<br />

现在在我的网站上由于某种原因它不起作用，但在这个 jsFiddle 中它可以：jsFiddle.

奇怪的是你可以看到它被点击了，因为它在你释放点击之前得到了他们做的那个斜面。

希望这里有人可以帮助我朝着正确的方向重新开始这项工作。

Answer 1

好吧，没关系，我是个白痴。

解决方案是我的外部 div 具有的数据切换，它不应该在里面有按钮。