2013-08-19 2 views
1

체크 박스와 관련된 값이 포함 된 테이블 (아래)이 있습니다.체크 된 체크 박스의 값 검색

<table id="testTable"> 
<tbody> 
    <tr id="tr1"> 
     <td><input type="checkbox" value="value1"></td> 
     <td>row 1</td> 
     <td>A</td> 
    </tr>  
    <tr id="tr2"> 
     <td><input type="checkbox" value="value2" ></td> 
     <td>row 2</td> 
     <td>B</td> 
    </tr>  
    <tr id="tr3"> 
     <td><input type="checkbox" value="value3"></td> 
     <td>row 3</td> 
     <td>C</td> 
    </tr>  
</tbody> 
사용자가 체크 박스의 임의의 조합을 선택하면

는, I는 (사용자가 "완료"버튼을 클릭 한 후) 체크되어있는 체크 박스와 관련된 값을 결정해야한다.

이 내가 어려움이 사용자가 선택한 체크 박스의 값을 얻는 데 지금까지

$('#Finished').click(function() { 

$('#testTable tr').filter(':has(:checkbox:checked)').each(function() { 

    $tr = $(this); 
    $('td', $tr).each(function() { 

     // NEED THIS BIT 

    }); 

}); 
}); 

을 것입니다.

답변

2

그냥 선택한 체크 박스를 선택하고 값을 수집 :

var values = []; 
$("input[type='checkbox']:checked").each(function() { 
    values.push({"val": $(this).val(), "tr": $(this).closest("tr").attr("id")}); 
}); 

이이 같은 배열을 생성합니다 포함

[ 
    { 
     "val": "value1", 
     "tr": "tr1" 
    }, 
    ... 
] 

는 ... 단지 확인, 체크 박스를 확인했습니다.

JSFIDDLE

+1

감사 존. 정확히 내가 필요한 것 :-) – Jeremy

+0

@ 제레미 환영합니다. :-) –

1

확인하는 하나 말할 수있는 쉬운 방법은 <input> 요소에 ID를 추가하는 것입니다

<tr id="tr1"> 
    <td><input id="cb1" type="checkbox" value="value1"></td> 
    <td>row 1</td> 
    <td>A</td> 
</tr> 
관련 문제