Question

我的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>

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

page

Answer 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>

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

Answer 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>

单选按钮无法选择

2 个答案: