So aktivieren/deaktivieren Sie die-Taste, wenn die Checkbox selektiert ist in einer Tabelle mit angularjs?

<div>    
<table class="table">

    <tbody>
        <tr ng-repeat="student in ClassStudents | filter:stdsearch">
            <td><input type="checkbox" ng-model="student.isselected"/></td>
        </tr>
    </tbody>
</table>
<div>
 <input type="submit" ng-disabled="!student.isselected" value="Assign"  />
</div>
</div>

Ich soll aktivieren Sie die Schaltfläche nur, wenn das Kontrollkästchen aktiviert ist. Aber es ist nicht für mich arbeiten. Bitte vorschlagen.

InformationsquelleAutor Narasingh Rao pediredla | 2015-06-26
  1. 4

    Eigentlich das problem verursacht wird, durch verweisen auf student außerhalb von ng-repeat.

    Vorausgesetzt, Sie haben mehrere Studenten, und Sie wollen nur, dass die Schaltfläche aktiviert, wenn mindestens 1 student ausgewählt ist, dann werden Sie brauchen, um eine Schleife über ClassStudents und prüfen, ob diese von Ihnen ausgewählt.

    <button ng-disabled="countChecked() == 0">enable/disable</button>

$scope.countChecked = function(){
    var count = 0;
    angular.forEach($scope.ClassStudents, function(value){
        if (value.isselected) count++;
    });

    return count;
}
    • Schön Sir.......@ Icycool
    • Danke. es hat geholfen. 🙂
    • Ich habe dieses, aber es gibt TypeError: Cannot read property 'checked' ist null
    • Es gibt keine 'checked' irgendwo in den code, können Sie sicherstellen, dass alle Variablennamen sind korrekt?
    InformationsquelleAutor Icycool
  2. 1

    Überprüfen Sie die Geige. Es wird die Schaltfläche aktivieren, wenn die checkbox aktiviert ist und deaktivieren, wenn Sie deaktiviert ist.

    <div ng-controller="MyCtrl">
  Hello, {{name}}!
    <input type="checkbox" ng-model="student.isSelected"/>
    <button ng-disabled="!student.isSelected" >enable/disable</button>
</div>

//js code

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.student = {isselected: false};
}

    http://jsfiddle.net/HB7LU/14629/

    InformationsquelleAutor Sunil Madan
  3. 0

    Verwenden ng-disabled='student.isselected' in Ihrer Taste.

    Winkel-ng-Dokumentation deaktiviert

    • Mein Knopf an der Seite der Tabelle Sir
    • Die Antwort vor dem edit gemacht wurde. Ich werde über die Antwort
    InformationsquelleAutor aksappy
Schreibe einen Kommentar