체크박스 체크한 순서대로 출력하기

Question

안녕하세요. 궁금한 점이 있어서 글 끄적여봅니다...!질문 1.이런 식으로 table의 각 td에 input checkbox를 넣고체크한 순서대로 D에 출력되게 하고 싶은데1, 12, 4 순서로 체크를 해도 1, 4, 12로 출력이 됩니다ㅜㅜ질문 2.체크한 번호가 D 로우에 출력되게 한 후&#43;나 - 같은 연산기호를 붙여서 수식을 만들고 싶은데이렇게 연산 기호를 입력했다가 다른 번호를 클릭하면연산기호가 사라지고 다시 번호만 나오는데 혹시 방법이 있을까요...ㅜㅜ제이쿼리는 이렇게 짰습니다.$(document).on(&#34;click&#34;, &#34;.thickTd&#34;, function() { var thickArr &#61; []; $(&#34;.thickTd:checked&#34;).each(function() { thickArr.push($(this).val()); }); console.log(&#34;선택한 번호: &#34; &#43; thickArr); $(&#34;#avrMsr&#34;).val(thickArr); });

감자도둑 · Accepted Answer

each로 다시 배열에 push하는게 원인입니다.윗분 말씀처럼 체크박스에 클릭 이벤트가 발생 할 때 each가 아닌 this 등 을 사용해 하나씩 쌓는 방식으로 바꾸셔야해요

pr0 · Answer

each로 돌려서 그런거 아닌가요 그냥 this로 접근해서 배열에 넣어주심 될거같은데요

다음생엔고양이로 · Answer

pr0님, 감자도둑님답변 감사합니다.아직 제가 초보여서 this로 어떻게 하는건지 감이 안잡히는데var thickArr &#61; [];thickArr.push($(this).val());console.log(&#34;선택한 두께: &#34; &#43; thickArr);$(&#34;#avrMsr&#34;).val(thickArr);이렇게 하라는 말씀이신가요??ㅠㅠ

체크박스 체크한 순서대로 출력하기

3개의 답변

#input 목록