>웹 프론트엔드 >JS 튜토리얼 >Jquery 및 anglejs_jquery를 사용하여 확인란에서 선택된 값을 가져오는 방법 요약

Jquery 및 anglejs_jquery를 사용하여 확인란에서 선택된 값을 가져오는 방법 요약

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 15:19:302047검색

일반적인 개발 과정에서 확인란에서 선택한 값과 확인란에서 선택한 행에 대한 모든 정보를 가져와야 하는 경우가 있습니다. 이때 약간의 트릭은 우리가 얻고자 하는 모든 정보를 체크박스의 값에 넣을 수 있다는 것입니다. 이런 식으로 체크박스의 선택된 값을 얻을 수 있다면 이는 다음의 정보를 얻는 것과 같습니다. 현재 행.

코드 복사 코드는 다음과 같습니다.


모두 선택하고 없음 선택:

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}}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.