Question

我正在尝试在每个列表元素上放置一个单选按钮，如此处所示。

<ul class="list-group">
  <li class="list-group-item" ng-repeat="player in vm.players">
        {{player.name}}
      <span class="pull-right">
        <input type="radio" name="gender"value="player.name">
      </span>
  </li>
</ul>

我希望基本上显示一个玩家姓名列表，你可以用一个单选按钮选择一些，但它们似乎不允许你点击它们。

谢谢，

Answer 1

正如@Dimodi建议的那样，如果您希望文本与可点击的表单输入（如复选框或单选按钮）相关联，则必须使用<label>关联它们。例如，以下任何一种：

<label><input...> some text</label>

<input id="foo"...> <label for="foo">some text</label>

Answer 2

只需将属性的标签绑定到无线电的ID即可。要么简单地将收音机放在特定标签内。

<ul class="list-group">
  <li class="list-group-item" ng-repeat="player in vm.players">
    <label>  {{player.name}}
      <input type="radio" name="gender"value="player.name">
      </label>

      <label for="plys">  {{player.name}}  </label>
        <input type="radio" id="plys" name="gender"value="player.name">

    </li>
 </ul>

如何将单选按钮放在列表中

2 个答案: