Eckige Checkbox Alternative

Einfaches Problem: Zwei Checkboxen; Beide starten NICHT überprüft; Klicken Sie entweder auf Aktivieren oder auf Überprüfen, während Sie sicherstellen, dass die andere Option nicht aktiviert ist.Eckige Checkbox Alternative

<div data-ng-init="indicator=false;decision=false"> 
<input type="checkbox" name="aName" data-ng-click="indicator=!indicator;decision=true" data-ng-checked="indicator && decision"/> 
<input type="checkbox" name="aName" data-ng-click="indicator=!indicator;decision=true" data-ng-checked="!indicator && decision"/> 
</div>

Aktuelles Ergebnis ist sowohl beginnen geprüft: https://jsfiddle.net/u22a5wz9/

Quelle

2016-05-11 nuebKitsune

Diese

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div > 
 
    {{checkBox}}<br> 
 
    Above 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'one'}"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'two'}"/>Two<br> 
 
    
 
    Below 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="one"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="two"/>Two<br> 
 
    
 
    </div> 
 
</div>

Quelle

2016-05-11 10:28:42 byteC0de

Das ist gut, aber ab Angular v1.3.x erwartet ngTrueValue einen Ausdruck. – dfsq

das funktioniert, außer der Wert muss boolean sein; was mich letztendlich auf das falsche checkbox-checkback-check zurückführt. Aber das bringt mich näher an das, wonach ich gesucht habe, also denke ich, dass ich damit weitermachen und einfach eine Arbeit machen werde. Danke – nuebKitsune

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div > 
 
    {{checkBox}}<br> 
 
    Above 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'one'}"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="{value:'two'}"/>Two<br> 
 
    
 
    Below 1.3v 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="one"/>One 
 
    <input type="checkbox" name="aName" ng-model="checkBox" ng-true-value="two"/>Two<br> 
 
    
 
    </div> 
 
</div>

Versuchen

Quelle

2016-05-11 23:10:28

Eckige Checkbox Alternative

Antwort

Verwandte Themen