首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >单选按钮选择在单击其他组单选框后移除

单选按钮选择在单击其他组单选框后移除
EN

Stack Overflow用户
提问于 2016-11-21 06:55:53
回答 2查看 826关注 0票数 1

当我点击一组收音机时,所选的答案在点击第二个无线电组后,第一个被选中的无线电被删除。

代码语言:javascript
运行
复制
<div ng-app="ionicApp" ng-controller="HomeCtrl" style="padding:25px">
{{question | json }}
<div ng-repeat="q in question" >

                <div class="list">

                    <div class="item item-divider">
                        {{q.question}}
                    </div>
                    <ion-radio ng-repeat="option in q.options"  ng-value="option" ng-model="q.answer" >
                        {{ option }}
                    </ion-radio>

                    <br>

                </div>
            </div>

代码语言:javascript
运行
复制
angular.module('ionicApp', ['ionic'])

.controller('HomeCtrl', function($scope) {
  $scope.question = 
[
  {
    "is_radio": true,
    "question": "Roughly how much of your profile was spent on digital activities in your last job?",
    "options": ["Less than 10%","Less than 25%","Less than 50%","More than 50%"],
    "id": "130",
    "answer": ""
  },
  {
    "is_radio": true,
    "question": "Have you spent more time with B2B or B2C?",
    "options": ["B2C","Both","Less than 10%"],
    "id": "130",
    "answer": ""
  }
]

})

这是预览的jsfiddle

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-21 07:12:12

代码语言:javascript
运行
复制
angular.module('ionicApp', ['ionic'])

.controller('HomeCtrl', function($scope) {
  $scope.question = 
[
  {
    "is_radio": true,
    "question": "Roughly how much of your profile was spent on digital activities in your last job?",
    "options": ["Less than 10%","Less than 25%","Less than 50%","More than 50%"],
    "id": "129",
    "answer": ""
  },
  {
    "is_radio": true,
    "question": "Have you spent more time with B2B or B2C?",
    "options": ["B2C","Both","Less than 10%"],
    "id": "130",
    "answer": ""
  }
]
				
})
代码语言:javascript
运行
复制
<link href="http://code.ionicframework.com/1.0.0-beta.14/css/ionic.css" rel="stylesheet"/>
<script src="http://code.ionicframework.com/1.0.0-beta.14/js/ionic.bundle.js"></script>
<div ng-app="ionicApp" ng-controller="HomeCtrl" style="padding:25px">
{{question | json }}

    <div ng-repeat="q in question" >

					<div class="list">

						<div class="item item-divider">
							{{q.question}}
						</div>
						<ion-radio name="{{q.id}}" ng-repeat="option in q.options"  ng-value="option" ng-model="q.answer" >
							{{ option }}
						</ion-radio>

						<br>

					</div>
				</div>
</div>

票数 1
EN

Stack Overflow用户

发布于 2016-11-21 07:09:43

请更改以下代码行

代码语言:javascript
运行
复制
<ion-radio ng-repeat="option in q.options"  ng-value="option" ng-model="q.answer">

有了这个

代码语言:javascript
运行
复制
<ion-radio ng-repeat="option in q.options"  ng-value="option" ng-model="q.answer" name="radio_{{$parent.$index}}" >

这会解决你的问题。问题在于2单选按钮组的同名。所以我改变了它,动态地给出了答案。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40714434

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档