Rumah >hujung hadapan web >tutorial js >Ringkasan kaedah untuk mendapatkan nilai yang dipilih dalam kotak semak menggunakan Jquery dan angularjs_jquery
Ringkasan kaedah untuk mendapatkan nilai yang dipilih dalam kotak semak menggunakan Jquery dan angularjs_jquery
- WBOYasal
- 2016-05-16 15:19:301991semak imbas
Dalam perkembangan biasa kami, kadangkala kami perlu mendapatkan nilai yang dipilih dalam kotak semak dan semua maklumat tentang baris yang dipilih dalam kotak semak. Helah kecil pada masa ini ialah kita boleh meletakkan semua maklumat yang ingin kita perolehi ke dalam nilai kotak semak, supaya apabila kita boleh mendapatkan nilai kotak semak yang dipilih, ia adalah bersamaan dengan mendapatkan maklumat semasa. barisan.
b6c5a531a458a2e790c1fd6421739d1ce00b31f935151e80cc907b07ca8efbb1b90dd5946f0946207856a8a37f441edf
var bischecked=$('#cboxchecked').is(':checked');
var fruit=$('input[name="orders"]');
fruit.prop('checked',bischecked);
Untuk atribut yang wujud bagi elemen HTML itu sendiri, gunakan kaedah prop semasa memproses.
Untuk atribut DOM tersuai kami sendiri bagi elemen HTML, kami menggunakan kaedah attr semasa memprosesnya.
Dapatkan nilai yang dipilih:
$('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];
});
pelaksanaan angularjs:
Menggunakan angularjs kita tidak perlu mengendalikan dom, kita hanya perlu mengambil berat tentang status nilai ini;
Mula-mula lihat kod html:
<!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}}