2010-12-08 3 views
1

내 gridview에서 셀을 선택하는 데 도움이 필요합니다. 나는 다음과 같은 표를 가지고있다.Jquery 다른 셀의 상태를 기반으로 셀 값 검색

<table> 
<tr> 
<th>CheckBox</th> 
<th>Customer ID</th> 
<th>First Name</th> 
<th>Last Name</th> 
</tr> 
<tr> 
<td>CheckBox</td> 
<td>1</td> 
<td>Joe</td> 
<td>Blogs</td> 
</tr> 
<tr> 
<td>CheckBox</td> 
<td>2</td> 
<td>Chris</td> 
<td>White</td> 
</tr> 
</table> 

현재 점검중인 행의 ID 셀을 선택해야한다. 어떻게 할거 니?

나는 검색을했으나 위와 같은 것을 찾지 못하는 것 같습니다.

+0

당신의'tr' 요소는'id' 속성을 가지고 있지 않습니다. 진짜 마크 업을 게시 해주세요. –

+1

@ David 토마스 - 'ID 셀'이 각 행의 두 번째 열이라고 생각합니다. – sje397

답변

3
$(":checkbox").click(function(){ 
    if(this.checked){ 
     var id = $(this).parent().next().text();  
     // assuming your second column has id you're looking for [customer id] 
    } 
}); 
다음 작품) 접근의 용이성을 위해, 'ROWID'

wokring demo

2

이론적으로,이 작동합니다 :

$('input:checkbox').change(
    function(){ 
     if ($(this).is(':checked')) { 
      var theRowId = $(this).closest('tr').attr('id'); 
     } 
    }); 

A quick and dirty JS Fiddle demo을.


편집 : 내 질문을 오해를 속죄하고, HTML로 :

당신이 셀 (세포 내에 저장되어 찾으려는 번호가 I 클래스를 할당 한있는 점을 감안

$(document).ready(

function() { 
    $('.rowID').each(
     function(i){ 
      $(this).text(i+1); 
     }); 
    $('input:checkbox').change(

    function() { 
     if ($(this).is(':checked')) { 
      var theRowId = $(this).parent().siblings('.rowID').text(); 
      $('#rowId').text(theRowId); 
     } 
    }); 
}); 

JS Fiddle demo

0

음, 당신의 기본 구조는 다음과 같습니다

<tr> 
<td>CheckBox</td> 
<td>2</td> 
<td>Chris</td> 
<td>White</td> 
</tr> 

그래서이 문제를 해결할 수 있습니다

$(document).ready(function() 
{ 
    $('tr td').find('checkbox').click(function() 
    { 
     var line_id = $(this).parent('td').next().text(); 
    }); 
}); 

나는 그것이 도움이되기를 바랍니다! ^^

관련 문제