본문 바로가기

Javascript/Jquery

GridView의 CheckBox클릭시 값 연산

아래의 내용은 닷넷쿼리에서 발췌한 내용입니다.
오해 없으시길 바랍니다.
http://www.dotnetcurry.com/ShowArticle.aspx?ID=662

그냥 부담없이 따라해주세요
 
1. HostingPlan 모델을 하나 생성합니다.

 
2. Viewpage에 그리드를 삽입합니다.

 
3.Code behind에서 모델을 그리드에 바인딩합니다.

4. 실행 결과는 아래와 같습니다.


 5. 이제 JQuery를 살펴보겠습니다.
아래와 같이 코드를 삽입해 주십시오

 
위의 코드를 하나하나씩 살펴보겠습니다.

위의 코드는 각각의 체크박스가 클릭시 체크 Row의 4번째컬럼을 더하는 코드입니다.


 위의 코드는 체크된 모든 Row의 n번째 컬럼값을 가져와 합산하는 코드입니다.
합산한 결과를 아이디 값이 tot 인 input text에 삽입합니다.