[JavaScript] checkbox 전체 체크하기

---

input type="checkbox"의 전체 선택

  해당 태그에 onclick이벤트를 걸어 javascript를 이용한다.

---

 

 

---

간단히 체크만 모두 되도록하는 것은 아래의 코드의 참고.

<script>
    //방법1. attr 이용
    $("input[name='name']:checkbox").attr("checked", true);
 
    //구글링하면 많이 나오는 방법은 아래에 소개.
    $("input[name='name']:checkbox").prop("checked", true);
</script>

---

 

 

 

---

전체 체크 박스가 체크가 되었는지 안되었는지에 따라서 기능 동작하게 하려면 아래 코드의 참고.

function selectAllcheck(){
    if($('#checkboxParent').is(":checked")){
        $("input[name='checkBoxAccount']:checkbox").attr("checked", true);    
    }else{
        $("input[name='checkBoxAccount']:checkbox").attr("checked", false);
    }
}

---