본문 바로가기
jquery

checkbox 전체 선택 / 개별 해제시 전체 해제

by 바나냥 2020. 6. 17.
$("input[type=checkbox]").on('click', function(){
              if($(this).attr("name") === "inputForAll"){  //전체선택 클릭시                
                  if($(this).prop("checked")){
                      $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",true);
                  }else{
                      $(this).closest(".band-wrap").find("input[type=checkbox]").prop("checked",false);
                  }
              } else{ //개별 체크박스 클릭시
                  $(this).closest(".band-wrap").find("input[name=inputForAll]").prop("checked",false);
              }
          });

댓글