单选按钮无法选择答案

【问题标题】：Radio button not able to select单选按钮无法选择
【发布时间】：2018-07-08 05:51:46
【问题描述】：

我的Script.js 文件有以下代码

$scope.typeValue = ["120","123"];

我的 HTML 有以下代码

<div class="radio">
    <label>
        <!-- ng-change="RadioChange('type')"-->
        <input type="radio" name="type0" ng-value="true"/> {{typeValue[0]}}
    </label>
    <label>
        <input type="radio" name="type1" ng-value="false"/> {{typeValue[1]}}
    </label>
</div>

我无法选择页面上的单选按钮

【问题讨论】：

标签： javascript angular select button radio

【解决方案1】：

我在本地运行了这段代码，发现单选按钮选择正确，但一旦选择就无法取消选择，而且两者都可以选择。

假设您的要求是一次只选择一个。如果这是要实现的场景，那么要做的方法是为两个无线电输入选择相同的名称：

<div class="radio">
<label>
 <!-- ng-change="RadioChange('type')"-->
<input type="radio" name="type" ng-value="true"/> {{typeValue[0]}}
 </label>
 <label>
<input type="radio" name="type" ng-value="false"/> {{typeValue[1]}}
</label>
</div>

如果我的假设是错误的，请尽可能以示例正确阐述您的问题！

【讨论】：

您好，prashant，感谢您的宝贵时间。我曾尝试使用相同的名称，但无法选择任何单选按钮。我的要求是我应该能够从两个中选择任何一个。但是在本地运行我的代码，其中两个单选按钮只是虚拟的，无法选择任何一个。这有可能吗？而且我应该能够取消选择并选择另一个！提前致谢
您能否发布整个代码以了解其缺失的位置以及缺失的内容？
这段代码有效。当输入标签在标签内时，它不起作用。有点奇怪.----------------------------
{{typeValue[0]}} {{typeValue[1]}}

【解决方案2】：

最后希望，这是您的要求。试试这个代码......然后告诉我！

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<body>
    <div ng-app="myApp" ng-controller="myCtrl">
      <div class="radio">
        <label>
        <!-- ng-change="RadioChange('type')"-->
          <input type="radio" name="type0" ng-value="true"/> {{typeValue[0]}}
        </label>
        <label>
        <input type="radio" name="type0" ng-value="false"/> {{typeValue[1]}}
        </label>
      </div>
    </div>

<script>
  var app = angular.module("myApp",[]);
    app.controller("myCtrl", function($scope) {
    $scope.typeValue = ["120","123"];
   });
</script>

</body>
</html>

【讨论】：

'
{{typeValue[0].Name}} {{typeValue[1].Name}}
'这段代码有效