써먹는 웹개발

[Jquery] 테이블의 체크된 목록에서 input 태그 값 찾기 본문

웹개발/Js & Jquery

[Jquery] 테이블의 체크된 목록에서 input 태그 값 찾기

kmhan 2023. 11. 9. 17:39


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
반응형


Comments