Question

我试图让工作成为一项简单的任务而没有幸运，我试图通过点击按钮检查输入广播。每个输入无线电作为按钮。你是如何以棱角分明的方式实现这一目标的？

<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="1">

</button>


<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="2">

</button>

<button class="btn btn-primary">

        <input type="radio" ng-model="color" value="3">

</button>

你怎么看我把输入放在元素按钮里面，如果你有不同的想法请纠正我。

Answer 1

将关联的ng-model设置为您想要选择的广播的value：

<button class="btn btn-primary" ng-click="color = 1">
    <input type="radio" name="radioGroup" ng-model="color" value="1">
</button>

Answer 2

使用<label>并将其设为按钮：

<label class="btn btn-default"> Button 1
  <input type="radio" ng-model="color" value="1">
</label>

<label class="btn btn-default"> Button 2
  <input type="radio" ng-model="color" value="2">
</label>

并添加css以隐藏input[type="radio"]。

并非一切都需要Angular。

如何从按钮检查输入无线电 - AngularJS

2 个答案: