javascript - 如何从按钮检查输入单选 - AngularJS

标签 javascript angularjs

我试图让工作成为一项简单的任务,但不幸的是,我试图通过单击按钮来检查输入 radio 。每个输入单选按钮作为其按钮。你如何以 Angular 方式实现这一点?

<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>

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

最佳答案

将关联的 ng-model 设置为等于您要选择的 radio 的:

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

关于javascript - 如何从按钮检查输入单选 - AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27256637/

相关文章:

javascript - 单击导航上的某些链接后,侧边栏导航停止工作

javascript - 状态不工作的简单 React 示例

javascript - 如何在 angular.js 中重复 ajax 调用并根据响应值停止它

javascript - 忽略 Android React Native 上的 SSL 证书检查

javascript - 如何使用 Chrome 扩展监听 url 变化

javascript - 在javascript中将一个参数传递给多个参数函数

javascript - 如果术语有空格,则搜索不起作用

javascript - ngDialog 中的 UI Bootstrap datepicker 没有

javascript - 使用调整浏览器窗口大小的条件更改 img src

javascript - 未捕获( promise ): TypeError: Cannot read property 'create' of undefined (ionic 3. 9,Angularjs 5.0.3)