checkbox 체크된 값 저장처리

Question

안녕하세요.이제 막 한달차된 신입 개발자입니다.3일째 생각하고 있는데 어떻게 처리해야 할지 머릿속에서 중구난방이라서 여쭙고자 글을 작성하게 되었습니다.아래와 같이 화면에 표시된다고 가정하겠습니다.행 머리의 □를 선택하면 전체 자동체크가 되고,이름과 나이는 for문을 통해 출력되고 있습니다.화면을 이용하는 사용자가 취미에 값을 입력하고 저장하려는 행에 대해서만 체크하여 저장처리 하려면 어떻게 해야할까요? [저장버튼] □ 이름 나이 취미(사용자 입력값) □ 홍길동 30 입력하세요 □ 김철수 33 입력하세요 □ 김영희 32 입력하세요 function test(){ //저장 버튼을 누르면 실행되는 함수 var str &#61; &#34;&#34;; var vals &#61; document.getElementsByName(&#34;chk&#34;); console.log(&#34;화면에 출력되는 체크박스 갯수 : &#34; &#43; vals.length); for(var i &#61; 0; i < vals.length; i&#43;&#43;){ if(vals[i].checked){ str &#43;&#61; vals[i].value &#43; &#34;, &#34;; if(f_checkAll()){ str } } } console.log(&#34;체크된 chk 행번호 : &#34; &#43; str);해당 함수로 선택된 행이 몇 번째 인지까지는 알 수 있으나, 이 숫자를 가지고 어떻게 처리 해야할지 모르겠습니다.방향을 제시해주시면 감사하겠습니다.

codezzzz · Accepted Answer

<input id="hobby-${num}"/> 해서 체크된 id 값으로 input 박스 queryselect 해서 값을 가져오면 되지않을까요

yeori · Answer

구현 방법이 너무 많아서...데이터를 불러와서 수정 후 업데이트 하는지에 따라서 구현이 조금 달라집니다.정석대로 만들고 싶다코드 대강 발라서 잘 돌아가기만 하면 된다.방향에 따라서 구현 방식이 다릅니다.

checkbox 체크된 값 저장처리

2개의 답변

Q&A 목록