나도개발자가되고싶다
265
2018-12-07 14:05:37
1
57

체크박스에 체크된 모든 행(Row)의 값을 input으로 가져오기 질문드려요



<input class="abc" id="school" type="text" name="school" value="" title="">

<div id="modalLayer2">
                      <div class="modalContent">
                        <p>검색</p>
                        <table>
                            <tr class="th">
                                <th>456</th>
                                <th>학교명</th>
                                <th>주소</th>
                                <th>연락처</th>
                                <th>교습과정</th>
                                <th>대표자명</th>
                            </tr>
                            <tr class="td">
                                <td>
                                    <div class="table">
                                        <div class="inline-block elementary">
                                            <input class="table-cell" id="check-2" type="checkbox" name="button" value=""><label class="table-cell" name="button" for="check-2"></label>
                                        </div>
                                    </div>
                                </td>
                                <td>행복한 피아노</td>
                                <td>서울시 강남구 반포동</td>
                                <td>02-1234-5678</td>
                                <td>입시 피아노</td>
                                <td>홍길동</td>
                            </tr>
                        </table>
                        <button class="cancel" type="button"></button>
                        <div class="button-box">
                            <button type="button" class="selectBtn" id="selectBtn" name="button">선택</button>
                        </div>
                      </div>
                    </div>



$("#selectBtn").click(function(){

            var rowData = new Array();
            var tdArr = new Array();

            var checkbox = $("input[name=button]:checked");

            // 체크된 체크박스 값을 가져온다
            checkbox.each(function(i) {

                // checkbox.parent() : checkbox의 부모는 <td>이다.
                // checkbox.parent().parent() : <td>의 부모이므로 <tr>이다.
                var tr = checkbox.parent().parent().parent().parent().eq(i);
                console.log("tr",tr.val());
                console.log("tr",tr);
                var td = tr.children();
                console.log("td",td.val());
                console.log("td",td);

                // 체크된 row의 모든 값을 배열에 담는다.
                rowData.push(tr.text());

                // td.eq(0)은 체크박스 이므로  td.eq(1)의 값부터 가져온다.
                var no = td.eq(1).text()+", "
                var userid = td.eq(2).text()+", ";
                var name = td.eq(3).text()+", ";
                var email = td.eq(4).text()+", ";

                // 가져온 값을 배열에 담는다.
                tdArr.push(no);
                tdArr.push(userid);
                tdArr.push(name);
                tdArr.push(email);

                console.log("no : " + no);
                console.log("userid : " + userid);
                console.log("name : " + name);
                console.log("email : " + email);
            });

            $(".abc").html(" * 체크된 Row의 모든 데이터 = "+rowData);
            $(".abc").html(tdArr);
        });


div로 하면 값은 들어가나 

input으로 값을 가져오는 방법이 궁금합니다.

도와주세요 ㅠ

0
0
  • 답변 1

  • jslovers
    1k
    2018-12-07 14:15:26

    jquery 검색~

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.