当前位置: 首页 > 面试题库 >

AngularJS单选按钮

何向荣
2023-03-14
问题内容

我知道在某些Google线程中已经提到了这一点,但是我仍然找不到将无线电输入绑定到模型的正确解决方案(以简洁的方式),

目前,我有HTML:

<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">

在控制器中:

$scope.searchByRma      = true;
$scope.searchByDelivery = false;

这不起作用(与复选框相同)…

关于如何在不丢失数据绑定的情况下在第一个单选按钮上设置默认值的任何想法?

谢谢!


问题答案:

我认为您应该在这两个单选按钮中使用具有不同值的相同变量

<input ng-model="searchBy" value="Rma" type="radio" name="search-type">
<input ng-model="searchBy" value="Delivery" type="radio" name="search-type">

然后,您应该searchBy根据用户输入设置“ Rma”或“ Delivery”。



 类似资料:
  • 问题内容: 这似乎应该很容易,但是我没有找到答案。我有一个表格,需要在此表格中确认是否从广播组中进行了选择。我尝试在单选按钮上使用’required’属性,但是在验证表单后,除非所有单选按钮都被选中(设计上是不可能的),否则它将抱怨。 在AngularJS中验证无线电组选择的正确方法是什么? 单击Plnkr中的“提交”按钮将显示该行为。 http://plnkr.co/edit/3qcIbMvJk

  • 问题内容: 我有一个单选按钮,用于设置或基于交易类型的值 演示可以在这里找到 问题是当我单击任意一个单选按钮时,的值不会改变 我的JavaScript代码是 请让我知道我在做什么错。 另外,除非没有其他选择,否则我不想使用或用于此目的。 问题答案: 您在单选按钮的顶部贴了一个大标签,以防止输入到您的单选按钮。该html应该显示为: 然后它可以工作,当然,它可能看起来不像您想要的那样。

  • 问题内容: 我有两个单选按钮和。 如何获取所选单选按钮的值。 我是否需要使用ng-model或其他东西。在jquery中,我知道Angularjs中没有的东西。 问题答案: 双方应该有相同与不同 (意味着有选择使用S或按钮),使所选择的值将在修改$ scope变量,你可以抓住的形式的控制器内部的值或者提交按钮点击。 标记

  • 问题内容: 我有一个模型在storeLocations对象中返回isDefault值。如果isDefault返回true,则我不会将该组中的单选按钮设置为选中状态。 不知道我是否需要执行$ each(data,function(index,value)并遍历返回的每个对象,或者是否有更简单的方法使用角度构造来执行此操作。 目的: 标记: 问题答案: 使用代替。 由于代码重复,版本较差。

  • 这是一个 列表 拓展,可以用来创建单选和复选按钮组。 复选按钮组 <div class="list-block"> <ul> <!-- Single chekbox item --> <li> <label class="label-checkbox item-content"> <!-- Checked by default -->

  • 我有一个单选按钮和一个文本字段。我希望文本字段是必需的,只有当单选按钮是勾选。 因此,只有选择createNewCollection时,collectionName才是必需的。