小编Abh*_*hek的帖子

如何使复选框的行为像ng-repeat中的单选按钮?

我遇到问题使用Checkbox在ng-repeat中表现得像单选按钮.选择和取消选中该框时,只选择一个框.它没有Ng-repeat正在工作.但我想在ng-repeat中使用它.

这是我的HTML文件:

<!DOCTYPE html>
<html ng-app="plunker">
    <head>
       <meta charset="utf-8" />
       <title>AngularJS Plunker</title>
       <script>document.write('<base href="' + document.location + '" />');</script>
       <link rel="stylesheet" href="style.css" />
       <script data-require="angular.js@1.1.x" src="http://code.angularjs.org/1.1.5/angular.min.js" data-semver="1.1.5"></script>
       <script src="app.js"></script>
    </head>
<body ng-controller="MainCtrl">
   <h1> WithOut ng-repeat </h1>
     <input type="checkbox" ng-checked="model1=='11'" ng-click="model1='11'"> a
     <br/>
     <input type="checkbox" ng-checked="model1=='12'" ng-click="model1='12'"> b
     <br/>
     <input type="checkbox" ng-checked="model1=='13'" ng-click="model1='13'"> c
     <br>
     Model = {{model1}}
  <h1> With ng-repeat </h1>
    <div data-ng-repeat="p in pp.rate">
       <input type="checkbox" ng-checked="model=='{{p.price}}'"  
          ng-click="model='{{p.price}}'"> 
        Model = {{model}}
    </div> …
Run Code Online (Sandbox Code Playgroud)

html javascript twitter-bootstrap angularjs

3
推荐指数
2
解决办法
1万
查看次数

标签 统计

angularjs ×1

html ×1

javascript ×1

twitter-bootstrap ×1