处理多个单选按钮

时间:2016-12-19 11:19:35

标签: angularjs

这里" idDefault"价值观没有改变。请帮帮我。

<div class="form-group" >
<label class="control-label">Select Colors : </label>
<div ng-repeat = "color in colorlist">
<input type="radio" name="color" ng-value="true" ng-model="color.idDefault"> 
{{color.colorName}} </input>
</div>

颜色:{{colorlist}}

我的JSON是

$scope.colorlist = [
{
  colorName:'Black',
  idDefault:true},
 {
  colorName:'Red',
  idDefault:false} ,
  { 
    colorName:'Bule',
  idDefault:false} ,
  {
  colorName:'Yellow',
  idDefault:false} ,
    ];

最初选择黑色。选择其他颜色时,Black isDefault值不会更改为false。

2 个答案:

答案 0 :(得分:1)

首先,当您使用单选按钮的颜色列表时,它是复选框列表的方式。但如果您只想这样使用它,可以通过在其中添加 web_view = FindViewById<WebView>(Resource.Id.webview); web_view.Settings.JavaScriptEnabled = true; web_view.Settings.SetSupportZoom(true); web_view.Settings.BuiltInZoomControls = true; web_view.LoadUrl("Any URL")); 来实现,如 -

查看代码 -

ng-change

并在控制器中添加方法 -

<div class="form-group" >
 <label class="control-label">Select Colors : </label>
 <div ng-repeat = "color in colorlist">
  <input type="radio" name="color" ng-change="changed(color)" ng- value="true" ng-model="color.idDefault"/> 
 {{color.colorName}} 
</div>
 Colors : {{colorlist}}

检查fiddle

希望它对你有用。

答案 1 :(得分:0)

您尝试在上面使用的方法用于复选框,您可以在其中选择多个值,但在此您只需要选择一种颜色。

你可以这样,

<div class="form-group" >
<label class="control-label">Select Colors : </label>
<div ng-repeat = "color in colorlist">
   <input type="radio" name="color" ng-value="color" ng-model="selectedColor"> 
   {{color.colorName}} 
   </input>
</div>

这样,您可以在$scope.selectedColor变量中获取控制器中的所选颜色。