Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Methoden zum Abrufen des im Kontrollkästchen ausgewählten Werts mithilfe von Jquery und anglejs_jquery
Zusammenfassung der Methoden zum Abrufen des im Kontrollkästchen ausgewählten Werts mithilfe von Jquery und anglejs_jquery
- WBOYOriginal
- 2016-05-16 15:19:301992Durchsuche
In unserer üblichen Entwicklung müssen wir manchmal den im Kontrollkästchen ausgewählten Wert und alle Informationen über die im Kontrollkästchen ausgewählte Zeile abrufen. Ein kleiner Trick zu diesem Zeitpunkt besteht darin, dass wir alle Informationen, die wir erhalten möchten, in den Wert des Kontrollkästchens einfügen können. Wenn wir also den ausgewählten Wert des Kontrollkästchens erhalten, entspricht dies dem Abrufen der aktuellen Informationen Reihe.
b6c5a531a458a2e790c1fd6421739d1ce00b31f935151e80cc907b07ca8efbb1b90dd5946f0946207856a8a37f441edf
var bischecked=$('#cboxchecked').is(':checked');
var fruit=$('input[name="orders"]');
fruit.prop('checked',bischecked);
Für die inhärenten Attribute des HTML-Elements selbst verwenden Sie bei der Verarbeitung die prop-Methode.
Für unsere eigenen benutzerdefinierten DOM-Attribute von HTML-Elementen verwenden wir bei der Verarbeitung die Methode attr.
Holen Sie sich den ausgewählten Wert:
$('input[name="orders"]:checked').each(function(){
var sfruit=$(this).val();
var orders=sfruit.split(",");
var reminder=new Object();
reminder.merchantId=orders[0];
reminder.orderCode=orders[1];
reminder.userId=orders[2];
});
AngularJS-Implementierung:
Mit AngularJS müssen wir den Dom nicht bedienen, wir müssen uns nur um den Status dieses Werts kümmern;
Schauen Sie sich zunächst den HTML-Code an:
<!DOCTYPE html>
<html data-ng-app="App">
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="script2.js"></script>
</head>
<body data-ng-controller="AddStyleCtrl">
<div>Choose Tags</div>
<div>
<div>You have choosen:</div>
<hr>
<label data-ng-repeat="selectedTag in selectedTags">
(({{selectedTag}}))
</label>
<hr>
<div data-ng-repeat="category in tagcategories">
<div>{{ category.name }}</div>
<div data-ng-repeat="tag in category.tags">
<div>
<input type="checkbox" id={{tag.id}} name="{{tag.name}}" ng-checked="isSelected(tag.id)" ng-click="updateSelection($event,tag.id)">
{{ tag.name }}
</div>
</div>
<hr>
</div>
</div>
<pre class="brush:php;toolbar:false">{{selected|json}}
{{selectedTags|json}}