从ng-repeat单选按钮获取值
ng-repeat是AngularJS框架中的一个指令，用于在HTML模板中循环遍历一个数组或对象，并生成相应的HTML元素。在ng-repeat中使用单选按钮时，可以通过ng-model指令来绑定一个变量，以获取用户选择的值。
以下是完善且全面的答案：
概念： ng-repeat是AngularJS框架中的一个指令，用于在HTML模板中循环遍历一个数组或对象，并生成相应的HTML元素。
分类： ng-repeat属于AngularJS的模板指令，用于处理视图层的数据展示和循环渲染。
优势：
- 简化HTML模板的编写，通过ng-repeat可以轻松实现对数组或对象的循环遍历，减少了手动编写重复HTML代码的工作量。
- 动态更新视图，当数组或对象发生变化时，ng-repeat会自动更新HTML模板中的内容，保持视图与数据的同步。
- 提供灵活的迭代控制，ng-repeat可以通过指定过滤器、排序器等方式对循环的数据进行控制和处理。
应用场景： ng-repeat广泛应用于需要展示多个相似数据项的场景，例如商品列表、新闻列表、用户列表等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了云计算相关的产品和服务，其中与前端开发和数据展示相关的产品是腾讯云的云服务器（CVM）和云数据库MySQL版（CDB）。
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
以上是关于从ng-repeat单选按钮获取值的完善且全面的答案。
相关·内容
2回答
我有单选按钮的ng-repeat：
<div ng-repeat="c in currencies">
<ion-radio ng-model="checkradio" ng-value='c.code' >
{{c.name}} {{c.code}}
</ion-radio>
</div>
我打算对所选单选按钮的模型和值执行$watch操作：
$scope.$watch('checkradio', funct
浏览 1提问于2016-08-30得票数 0
下面是选择任意一个单选按钮的代码，我需要用它来获取值
<label ng-repeat="SurveyType in SurveyTypes">
<input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}" />
{{SurveyType.Name}} &a
浏览 0提问于2016-02-08得票数 0
1回答
不使用角单选按钮的ng-型号
、、、、
我有一个带有单选按钮的简单表单，它从服务器上提取值并循环它们以提供单选按钮：
<form ng-submit="createSubCategory(subcategory)">
<div ng-repeat="sub_category in event_sub_categories" >
<label class="item item-radio">
<input type="radio" ng-model="subcat
浏览 0提问于2016-04-19得票数 3
回答已采纳
4回答
我创建了一组单选按钮，它没有为每个组正确地分配。当我从单选按钮组中单击其中一个按钮时，该按钮无法工作。
Senario 1
<div ng-repeat="m in meals">
<label class="linked-radio"><span class="radio primary"><span></span>
</span>{{ m.name }}
<input type="radio" id="{{ m.id }}
浏览 6提问于2017-05-06得票数 4
回答已采纳
普伦克：
我正在尝试构建一个表单组件，它允许用户创建一个特定数据字段的多个实例，但是可以从相同的输入集中填充它们。
我正在为集合中的每个项目创建一个单选按钮，使用ng-repeat，然后每个单选按钮的值从重复设置为$index。单选按钮是基于$scope.selectedItem建模的，它用于将输入指向正确的项。
然而，由于某种原因，selectedItem从未改变过，即使选择的单选按钮的状态也是如此。
我尝试了一个类似的静态单选按钮，它工作得很好，这让我相信ng-model在ng-repeat中存在问题。
浏览 0提问于2014-07-06得票数 4
回答已采纳
1回答
在我的应用程序中，我使用了单选按钮，现在的问题是如何在fbjs中从单选按钮中获取值。我使用了10个单选按钮，有10个值，即从1到10。我尝试使用.getValue()，但它只返回1。
浏览 0提问于2010-11-09得票数 1
当我阅读单选按钮时，我总是把它当作"on“而不是原始的值。我想访问单选按钮的值。有人能帮我从单选按钮中得到实际值吗？下面是我用来获取值的代码片段。
$("#answerToQuest input:radio[name='options']:checked").val();
或
选项是单选按钮组我的div id
$('input[name=options]:checked', '#answerToQuest').val()
提前谢谢！卡梅什
浏览 7提问于2013-11-19得票数 0
回答已采纳
我有一个RadioButtonList，我想根据从数据库读取的值在这个列表中选择一个单选按钮。从数据库中读取值后，如何使列表中的单选按钮变为选中状态？
浏览 0提问于2013-05-09得票数 0
回答已采纳
我从附加到中单选按钮的数据库中获取值，如
formatter: function (cellValue, option){
return '<input type="radio" name="subradio" id="subradio"/>';
}
beforeSelectRow: function (rowid, e) {
getcurrpatta(rowid);
},
现在，如果我单击一个收音机，单选按钮就会填充。已经调用了一个函数。但是，如果我再次单击同一个单选按钮，它必须再次禁用任何函数调用，
浏览 3提问于2015-04-28得票数 0
我在做安古拉的调查申请。我想一个一个地展示任务。每项任务都可以有一个或多个单选答案的问题。我想在新数组中保存question+answer对。
如果我想在每个任务中只显示一个问题，而不是从单选按钮中获得答案值，然后按下答案数组。但是，由于我每页有多个问题和多个单选按钮组，我无法找到获得所选单选按钮值并将它们推入答案数组的方法。我读过ng模型能解决这个问题，但我想不出是怎么解决的。
到目前为止，这就是我所拥有的：
<div ng-app="surveyApp" ng-controller="surveyCtrl">
<div ng-repeat=
浏览 0提问于2019-03-04得票数 3
回答已采纳
2回答
我有两个单选按钮，我分别给它们赋值为'0‘和'1’。当我单击保存按钮时，我需要获取值，但它返回一个未定义的值。这是我的代码。我会有什么问题呢？
<tr ng-repeat="item in recruleData">
<td>
{{item.package_name}}
</td>
<td>
<input type="radio" name="radio" ng-model="radio.selectedProductBlo
浏览 8提问于2018-05-29得票数 1
我有一个跨平台的应用程序开发在AngularJS，Monaca和Onsen。
我读取一个嵌套的JSON对象，并在列表中显示项目，其中高级别项是标题，子级别项是单选按钮。
- Apples --还不成熟--好吧-- Rotten - Orange --不熟--好的-- Rotten
其中，水果名称表示高级标题项，水果状态表示单选按钮。
在我看来，我的列表看上去如下所示--但问题是，我可以选择所有的单选按钮，例如苹果(我不应该这样做，因为它们是单选按钮)，当我从例如Orange中选择任何值时，它会从Apples中取消一个值，并选择Orange值。如果列表更大，我可以从水果(例如猕猴桃)中选择所有的
浏览 1提问于2016-05-05得票数 0
1回答
我有两个单选按钮，通过XPath绑定到XML。如果选择第一个单选按钮，则需要获取组合框的选定值，并将其设置为XML元素。但是，如果我选择第二个单选按钮，我只需要设置一个固定的硬编码值。
当我选择第一个单选按钮时，从组合框中获取值时遇到问题。我尝试过使用ConverterParameter (我发现它不允许绑定)，但是使用MultiBinding也没有什么帮助。
敬请指教。
谢谢!
浏览 1提问于2014-12-28得票数 0
1回答
我正在使用ng-repeat生成一些单选按钮，以下是代码
<input type="radio" ng-repeat="i in items" name="myRadio{{$index}}" value="{{i.val}}" />
它产生了2个单选按钮，我想要显示一个部分，如果单选按钮的值"sftp“被选中，我该怎么做呢？
<div ng-show="????">
this section is visible when radio button having value
浏览 1提问于2014-05-22得票数 0
哪位大师能告诉我如何从HTML表单元素-单选按钮和复选框中获取值？
例如，在文本框的情况下，我们可以直接通过getElementById(Id).value获得值；
但是如何获取组合框(下拉菜单)、单选按钮和复选框的值呢？
谢谢。
浏览 1提问于2012-01-17得票数 0
回答已采纳
3回答
我在一个系统上工作，我从一个元素数组中填充一个ng-repeat，用一个单选按钮设置一个属性。当它加载时，没有选择任何单选按钮，但当我选择任何单选按钮时，它会相应地绑定到模型。它在没有外部ng-repeat的情况下以单一格式工作，所以我不确定为什么它拒绝从模型中选择单选按钮。
<div ng-repeat="selectedTag in selectedGroup.tags track by $index" ng-controller="ThemesEdit_TagStylesCtrl">
<div class="type-se
浏览 2提问于2014-07-29得票数 2
我正在尝试从单选按钮和复选框中写入和读取值，这些单选按钮和复选框的id和name值正在变化，而不是固定的。因此，我不能将它们用作标识符。 签出下图，它显示了单选按钮和复选框的列表，以及chrome中被检查的元素。请注意，带红色下划线的名称和ID不是固定的，不能使用。 Radio Button & Checkbox - Inspect Element from Chrome
浏览 30提问于2020-11-05得票数 1
1回答
我用单选按钮做了一个简单的ng-重复，它不能正常工作。以下功能非常好：
<label class="radio-inline">
<input type="radio" ng-model="display_as" name="display_as" value="1">position 1
<input type="radio" ng-model="display_as" name="display_as" value
浏览 0提问于2016-01-03得票数 1
回答已采纳
1回答
在一个可填充的形式，我希望两个相邻的字段成为阴影(没有可用的输入)，如果选择N/A单选按钮。如果选择了“是”或“否”单选按钮，我希望第一个相邻字段从PointValue字段中获取值。我怎样才能做到这一点？谢谢你的帮助。
浏览 0提问于2015-04-13得票数 0
回答已采纳
我希望从具有不同名称的单选按钮中获取值，并将其存储在javascript中的数组中，但我无法弄清楚如何做到这一点。我能为一个名字取值，但不能取多个名字的收音机。
浏览 6提问于2011-03-03得票数 0
我有两个由ng-repeat生成的单选按钮切换。默认情况下，我希望所有第一个单选按钮都被切换，如果条件适用，我只希望切换那个单选按钮。
<li ng-repeat="method in itemGroup.ShippingMethods">
<input ng-model="itemGroup.SelectedShippingMethod"
ng-change="changeShipping(itemGroupKey,
itemGroup.SelectedShippingMetho
浏览 0提问于2018-01-13得票数 1
我有一个Book-objects数组，每个数组都带有boolean属性Favorite。其中只有一本书的最爱集为true。
我正在使用ng-repeat显示这些书籍，我希望能够用单选按钮设置最喜欢的书籍。然而，即使在页面加载时选择了正确的单选按钮，当我选择不同的单选按钮时，模型也不会更新布尔值。
这是我的密码：
<ul>
<li ng-repeat="book in vm.Books">
{{book.Name}}
<input name="book" type="radio"
浏览 2提问于2015-11-09得票数 0
回答已采纳
我使用在我的项目中添加物质效果，当我和它一起使用ng-repeat时，单选按钮变得不可见，当我移除单选radio-success类单选按钮变得可见，但没有它的效果。
<div class="col-md-12" ng-repeat="reason in questionData.reasons track by $index">
<div class="radio radio-success">
<label>
<input type="radio" ng-model="
浏览 10提问于2015-12-31得票数 1
回答已采纳
1回答
在我的代码中，通过循环，将创建两组单选按钮。例如,
RadioButton1: a.Yes b.no
RadioButton2: a.Yes b.no
问题是，我无法更改单选按钮dynamically.So的名称，当我在一个组中签入一个单选按钮时，正在检查其他组的元素。
我的密码是-
<div ng-repeat="t in getTimes(2) track by $index">
<div>
<div>
<div ng-repeat="radioButton in
浏览 3提问于2016-09-24得票数 0
回答已采纳
我成功地构建了多个依赖的单选按钮的angularjs应用程序。
但是，如果只有一个按钮存在，则需要默认选择一个单选按钮。
在中尝试了这些东西，但是它不适用于多个单选按钮。
代码说明：
HTML代码:我有两个单选按钮。基于第一组产生第二组单选按钮。
<div>
<ul >
<li> Part One : </li>
<li ng-repeat="f in Input"><input type="radio&#
浏览 3提问于2014-07-31得票数 2
回答已采纳
我想访问logic.if值中间的aspx视图页面中的单选按钮值，我需要为每个循环运行以获得值，或者如果没有选中单选按钮，就不需要获取值。如何在aspx视图引擎中获取单选按钮的值？
浏览 3提问于2014-04-10得票数 0
回答已采纳
最近我用来在页面中显示单选按钮的标签，但根据要求，我不想在前端显示值，只需要看到一个单选按钮。
在Struts2中使用的代码：
<s:radio label="id" name="requestId" list="requestId" value="" />
这里使用单选按钮获取值。
但是只需要单选按钮，但是值应该在提交时映射到属性。
提前谢谢。
浏览 0提问于2018-10-28得票数 0
全。我想知道如何从单选按钮获取一个值并在url中使用它，下面是代码: HTML <b-form-radio name="radio" v-model="selectedAge" value="30">
Hub
</b-form-radio>
<b-form-radio name="radio" v-model="selectedAge" value="40">
Point
</b-form-radio>
<
浏览 30提问于2021-02-03得票数 0
回答已采纳
2回答
带有单选按钮的角重复表行
、、、
我有一个角应用程序，它用ng-repeat生成一个单选按钮表。我希望能够单击表行或单选按钮本身来选择它并将值存储在某个地方。问题是，只有当我选择单选按钮时，它才能工作，而不是当我单击行时。此外，我希望它只有一个单选按钮可以在任何时候选择。这是我的html：
<tr class="info" ng-repeat="id in ctrl.ids"
ng-click="id.isChecked=!id.isChecked;
ctrl.toggleSelectedRow($event, id)">
<td>
浏览 7提问于2016-04-12得票数 0
回答已采纳
1回答
我有一个ng-repeat，里面有一串单选按钮：
<div class="panel panel-default" ng-repeat="offer in vm.offerList">
...
<td ng-show="offer.edit">
<div class="row">
<input type="radio" name="before"
浏览 4提问于2017-02-03得票数 4
回答已采纳
1回答
我希望在用户点击其中一个单选按钮并将其显示在底部后，从选中的单选按钮中获取值，但它不起作用。
我不想使用JAVASCRIPT和MVC。
请帮忙~
@{
Layout = "~/_SiteLayout.cshtml";
Page.Title = "Contact";
var selectedValue = "Male selected";
}
@{
if (IsPost)
{
selectedValue = Request["Gender"].ToString();
浏览 2提问于2012-09-14得票数 0
回答已采纳
2回答
我想知道为什么单选按钮下面的代码不能工作。我无法从单选按钮中选择任何选项。一旦我点击任何选项，它就会冻结。当我移除ng模型时，我能够选择并且不会冻结。
<div class="col-lg-12">
<div ng-repeat="q in getCurrentSectionsQuestion().qs">
<h2>{{q.q}}</h2>
<ul ng-if="q.qtype == 'checkbox'">
<li ng-repea
浏览 4提问于2016-05-16得票数 0
回答已采纳
我在我的角度页面中使用单选按钮。单选按钮在ng-repeat下面。我想检查无线电默认的json数据是true。然后，如果一个无线电检查，将剩下的数据更改为false。是我干的。但是在UI中没有选中单选按钮。
我希望你能明白我需要什么。
浏览 7提问于2015-05-12得票数 2
回答已采纳
我试图使用"by.repeater“从单选按钮列表中选择一个单选按钮。单选按钮具有ng-重复属性。我试图单击特定的单选按钮，方法是：- element.all(by.repeater('')).get(i).click()，其中我是要选择的单选按钮的索引，但没有成功选择。
我试着使用mouseMove()和mouseDown()来精确定位单选按钮，但是没有任何效果。我知道我定位了要单击的正确的单选按钮，因为当我在上面的getText(I)值上运行一个element.all....get()值并在控制台上显示它时，就会显示与正确的单选按钮对应的标签/文本。
以下是我的HT
浏览 3提问于2017-04-05得票数 0
回答已采纳
1回答
我有两个单选按钮(级别1)，它们根据所选值动态创建一个新的单选按钮列表(级别2)。
下面列出了在其中检索列表的代码
while($row=odbc_fetch_array($res))
{
$dept = $row['dept'];
echo "<input type='radio' class='radio' value='".$dept."' name='lvl2'/>".$dept."       &
浏览 0提问于2012-08-28得票数 0
1回答
我遇到了一个有趣的角度验证问题。我需要确保选择单选按钮(它们在加载时可能没有默认值)。单选按钮的值使用ng-repeat从数组中迭代。这整件事也发生在另一个用户列表的ng-repeat中。
问题是，我必须在每组相关的单选按钮上设置唯一/动态的name属性，否则选择一个将取消选择另一行中的其他按钮。基于name属性的验证(我似乎无法找到在所需的ng-class和ng-show表达式中使用这个唯一/动态名称的方法)。
这是不可行的：ng-show="userFormRow.service-{{$index}}.$invalid"
下面是上下文中的代码示例：
<table cl
浏览 3提问于2015-08-13得票数 2
回答已采纳
我有一个单选按钮组在我的角度页面。下面是我的代码，
<span ng-repeat="radioButtonItem in radioButtonItem.Values">
<label class="radio-inline">
<input type="radio"
name="radioButtonName"
value="{{radioButtonItem.Id}}"
浏览 0提问于2018-01-23得票数 0
我有一个表单，它有一组单选按钮(3个选项)，并且我使用angular和ng-repeat指令来填充html：
<div ng-repeat="fruit in fruitbasket">
<input type="radio" name="fruit" data-ng-model="fruit.isSelected">{{fruit.id}}
</div>
水果篮的控制器内部如下所示：
$scope.fruitbasket = [{isSelected: false, id: "Or
浏览 1提问于2013-04-16得票数 0
回答已采纳
我查看列表数据，并希望编辑一些字段
我在视图中有一个字段(值为1，2，3，4，5的ex:choosed_value)，我使用单选按钮从choosed_value中获取值，但是当我提交保存时，我无法从单选按钮中选择值，字段“content”保存ok，字段“choosed_value”不保存。
我的代码
在视图中
查看单选按钮
@for (int j = 1; j <= 5; j++)
{
<td>
@Html.RadioButton(Model[i].ID.ToString(), Model[i].choosed_value,Model[i].ch
浏览 3提问于2015-12-15得票数 1
我有一个使用ng-repeat生成的表，并使用一个单选按钮作为列。当用户选择时，我会获取一些数据。现在，我必须转到另一个页面，其中包含url中所选单选按钮的值。
<table>
<tr ng-repeat="row in values">
<td>
<input type="radio" ng-click="someMethod()">
</td>
</tr>
</table>
<span ng-click="goTo('someurl&#
浏览 2提问于2018-06-19得票数 0
1回答
我正在处理一个单选按钮列表，用户可以从预先填充的问题列表中选择，或者选择一个“其他”单选按钮，然后输入他们的具体问题。
我可以让预先填充的单选按钮列表正常工作并设置问题(输出范围变量证实了这一点)，但是引入“其他”功能却让我很为难。当我选择other时，它似乎没有绑定到scope变量。我注意到在dom中缺少一个class=“ng-作用域”，其他单选按钮似乎来自ng-重复，但我不确定这是否是问题所在。
<form>
// This part loops through the list of problems and makess radio b
浏览 0提问于2014-05-21得票数 1
回答已采纳
在我的页面上，我动态创建了单选按钮。当单选按钮被选中时，我想改变包装器的背景颜色。
以下是我的代码
<section ng-repeat="list in myList">
<div class="radioWrapper">
<input type="radio" name="{{list.category}}" ng-model="list.name">
<label>{{list.name}} </label>
</d
浏览 4提问于2014-02-18得票数 1
1回答
我有一个变量，它是一个整数数组(intArr)，包含三分钟的值。然后我有三个编辑框(e1、e2、e3)，其中e1取值intArr，e2取值intArr1，e3取值intArr2。我还拥有一个单选按钮(您可以选择“显示编辑框时间(分钟)”或“显示编辑框时间(秒)”)连接到变量。
如何将编辑框(最初以分钟为单位)中的时间更改为小时，或者根据选择的单选按钮将时间从小时改为分钟？
浏览 2提问于2014-02-11得票数 0
回答已采纳
我在运行时使用循环创建单选按钮，它将根据循环按升序选择单选按钮的一个值，如下所示：
bana是第一个，它选择的值是"1“
苹果排在第二位，它选择的值是"2“
橙色在第三位，它的选定值是"3“
lemon排在第四位，它的选定值是"4“
这是创建单选按钮count=4和变量$var从外部循环获取值的代码这个Loog值第二次运行时，$var值将为2，依此类推，以便在上图中的pattren显示中选择单选选项
for($i=1;$i<=$count;$i++)
{
$secname=str_replace(" ",'',$d
浏览 1提问于2012-09-20得票数 0
我有一个带有button的单选按钮列表(使用ng-repeat)中的项目(最初使用ng-disabled禁用)才能继续。当一个单选按钮被选中时，我想要启用"Continue“按钮。
在Angular中做这件事的正确方法是什么？
相关JS：
$scope.companies = [{
"id": 3,
"name": "Twitter"
}, {
"id": 2,
"name": "Google"
}, {
浏览 1提问于2013-08-11得票数 6
回答已采纳
4回答
我正在尝试使用ng-重复来迭代单选按钮。所有单选按钮在第一次选中单选按钮时都是完全可见的，但是当我尝试选择其他单选按钮时，单选按钮是不可点击的。有谁能帮我解决我在这里缺少的东西吗？！！
<div class="form-group form-radio" ng-repeat="n in [0,1]">
<div class="col-sm-12">
<div class="radio padding
浏览 3提问于2015-04-06得票数 0
回答已采纳
在我的表单中有单选按钮，所有单选按钮都来自json对象。用户点击提交按钮所有单选按钮数据存储到对象。
<form name="regForm">
<ul>
<li ng-repeat="q in que">
{{q.qText}} {{$index+1}}
<div ng-repeat="opt in q.options">
<input type
浏览 2提问于2017-02-06得票数 0
我是新来JavaScript的，所以我需要帮助。基本上我有两个单选按钮和一个提交按钮。我想在单击submit按钮来选择单选按钮的值时使用JS函数。
<td align="right" style="width: auto">
@Html.RadioButton("SelectedOption", LinkOption.Link, true) Link Account
</td>
<td align="left" style="width: auto">
@Html.R
浏览 1提问于2012-09-11得票数 0
回答已采纳
这是漫长的一天，我可能错过了一些明显的东西，但是。。。
我有一个ng-repeat单选按钮列表，它反映了到客户位置的实时UPS运费。“隔夜”、"2天“等)
下面是标记：
<div ng-repeat="i in ShippingRates">
<div class='radio'>
<label>
<input value="{{i.Rate}}" ng-model="Cart.ShippingCharge"
浏览 1提问于2014-05-01得票数 0
回答已采纳
3回答
我从DB获取值，并将其设置为以下格式的相应按钮。有没有什么优化的方法来做同样的事情。所有这些单选按钮都在一个单选组中。
if (bundlevalue.get(3).equalsIgnoreCase("Mr.")) {
rg_nametitle.check(R.id.mr);
} else if (bundlevalue.get(3).equalsIgnoreCase("Mrs.")) {
rg_nametitle.check(R.id.mrs);
} else if (bundlevalue.get(3).equalsIgnoreCase("Ms.&
浏览 7提问于2014-04-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
