Dans mon application, j'ai eu 7 cases à cocher. Je veux obtenir la valeur de la case à cocher sélectionnée et stocker dans un objet. FF Il est désélectionné, je veux le supprimer dans l'objet.
html strud> p> strong> p > $scope.selectDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
$scope.selectedList = {}; //this is the object to store the selected checkbox values
3 Réponses :
Le code suivant est une approche simple -> Vérifiez cette Plunker . Cet exemple vous propose une très simple Principe Kiss Traitement des cases à cocher Autogenerated Mulitation dans Angularjs.
Super +1, mais c'est utile d'éviter d'utiliser {{sélectionnée locataire | JSON}} à votre plumker.
Vous devez également vérifier la variable "sélectionnée" dans la boucle. Il sera répertorié si vous avez vérifié une fois coché et vérifiera la même valeur.
Merci @lin, très simple et facile à comprendre.
Comment vérifier la case à cocher automatiquement? par exemple. Si je recevrai les données "Sun" de Backend, je dois vérifier la case "Sun". Si je recevrai plusieurs données telles que "Sun, Lun", alors je dois vérifier automatiquement les cases à cocher respectives. Dans ce cas, comment faire cela?
@Kishan ouvre une nouvelle question s'il vous plaît.
Comment supprimer la journée de décocher à la liste? console dans You Plunker, essayez d'ajouter:
$scope.checkFun= function(data) {
for(var i in data){
if(data[i].SELECTED=='Y'){
$scope.selectedList.push(data[i]);
}
if(data[i].SELECTED=='N'){
$scope.selectedList.splice(data[i]);
}
}
<input type="checkbox" id="{{days}}" ng-model="selectDays.SELECTED" ng-true-value="'Y'" ng-false-value="'N'" ng-click="checkFun(selectDays)">
La réponse n'est pas simple comme la question.
@Faouzioudouh Ai-je manqué une chose?
Rien que votre réponse a ajouté une complexité non désirée du travail.
J'ai créé un Jsfiddle , il utilise la directive NgChange à partir de l'angulaire chaque fois que la case à cocher est cliqué sur une fonction est appelée. Le code ressemble à quelque chose comme ça
Comment vérifier la case à cocher automatiquement? par exemple. Si je recevrai les données "Sun" de Backend, je dois vérifier la case "Sun". Si je recevrai plusieurs données telles que "Sun, Lun", alors je dois vérifier automatiquement les cases à cocher respectives. Dans ce cas, comment faire cela?
Comment obtenir uniquement des cases à cocher sélectionnées dans Angularjs?
Dupliqué possible de Comment obtenir uniquement les cases sélectionnées dans Angularjs?