[JQuery/JavaScript] 체크된 라인 삭제하기

체크된 라인 삭제하는 코드

   function delLine(){
        var checked =  $('input:checkbox[name=checkbox]:checked');
        for (var i = checked.length-1; i>-1;i--){
            checked.eq(i).closest('tr').remove()
        }
    }

 

 

---

 

코드 해석

 

체크박스의 이름은 'checkbox'로 지었기 때문에 name = {내가 설정한 이름}을 입력하면 된다.

체크된 라인을 가져오는 부분

 

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

 

 

for 반복문을 통해서  가장 마지막에 추가된 라인부터 체크되었는지 여부와 삭제를 진행한다.

for (var i = checked.length - 1; i > -1; i--) {
    checked.eq(i).closest('tr').remove()
}

 

삭제하기 버튼이 있는곳에 delLine() 함수를 구현 할 수있도록 한다.

<button class="btn btn-primary" onclick="delLine()"> -</button>

 

 

---

 

게시글이 도움이 되었다면

[로그인]이 필요 없는 ❤ 눌러주세요:)