Jquery 및 anglejs_jquery를 사용하여 확인란에서 선택된 값을 가져오는 방법 요약
angularjs
jquery
일반적인 개발 과정에서 확인란에서 선택한 값과 확인란에서 선택한 행에 대한 모든 정보를 가져와야 하는 경우가 있습니다. 이때 약간의 트릭은 우리가 얻고자 하는 모든 정보를 체크박스의 값에 넣을 수 있다는 것입니다. 이런 식으로 체크박스의 선택된 값을 얻을 수 있다면 이는 다음의 정보를 얻는 것과 같습니다. 현재 행.
코드 복사 코드는 다음과 같습니다.
모두 선택하고 없음 선택:
var bischecked=$('#cboxchecked').is(':checked');
var fruit=$('input[name="orders"]');
fruit.prop('checked',bischecked);
로그인 후 복사
여기서 attr 대신 prop을 사용하는 이유는
때문입니다.HTML 요소 자체에 내재된 속성을 처리할 때 prop 메소드를 사용하세요.
HTML 요소의 사용자 정의 DOM 속성을 처리하려면 attr 메소드를 사용하십시오.
선택한 값 가져오기:
$('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 구현:
Angularjs를 사용하면 돔을 운영할 필요가 없으며 이 값의 상태에만 신경 쓰면 됩니다.
먼저 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}}