써먹는 웹개발
[Jquery] 테이블의 체크된 목록에서 input 태그 값 찾기 본문
728x90
반응형
0. 테이블 구조
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<table id="tableData">
<thead>
<tr>
<th><span><input id="chkAll" type="checkbox"></span></th>
<th>기업코드</th>
</tr>
</thead>
<tbody>
<c:forEach items = "${companyList}" var="row" varStatus="status">
<tr>
<td class="check"><span><input name="chkRow" type="checkbox"></span></td>
<td><input class="memCode" type="text" value="${row.memCode}" disabled="disabled"/></td>
</tr>
</c:forEach>
</tbody>
</table>
|
cs |
방법 1. children으로 찾기
1
2
3
4
5
6
|
$('#tableData input[name="chkRow"]:checked').each(function (idx, item) {
let memCode = $(this).closest('tr').children('td:eq(1)').children('input')[0].value; // 기업코드
// ... 생략
});
|
cs |
방법 2. find로 찾기
1
2
3
4
5
|
$('#tableData input[name="chkRow"]:checked').each(function (idx, item) {
let memCode = $(this).closest('tr').find(".memCode").val(); // 기업코드
// ... 생략
});
|
cs |
728x90
반응형
'웹개발 > Js & Jquery' 카테고리의 다른 글
[Js] google is not defined 해결방법 (0) | 2023.11.15 |
---|---|
[Js] 정렬 : sort (0) | 2023.10.05 |
[Js] 배열내 Object 특정 키의 값으로 중복 제거 (0) | 2023.10.05 |
[Jquery] (ul 태그 아래) a태그 비활성화/활성화 시키는 방법 (0) | 2023.09.29 |
[Js] queryString 변경 (0) | 2023.09.01 |
Comments