부트 스트랩 토글을 토글하려면 어떻게해야합니까?

Question

부트 스트랩 전환 : 나는 7 다른 토글을 제어 할

(제목 : 일요일 -> 토).

다른 확인란의 상태에 따라 하나의 확인란의 토글 상태를 변경하는 적절한 방법을 찾을 수 없었습니다. 어떻게 할 수 있습니까? 클릭 이벤트와 토글 기능으로는 충분하지 않은 것 같습니다. 더 많은 코드 블록이 포함되는 경우

$("#check_everything").click(function() { 
 
    if($("#check_everything").bootstrapToggle('on')) { 
 
\t $("#Sunday_content_check_all").prop('checked', true).change(); 
 
\t $("#Monday_content_check_all").prop('checked', true).change(); 
 
    \t $("#Tuesday_content_check_all").bootstrapToggle('on'); 
 
    \t $("#Wednesday_content_check_all").bootstrapToggle('on'); 
 
    \t $("#Thursday_content_check_all").bootstrapToggle('on'); 
 
    \t $("#Friday_content_check_all").bootstrapToggle('on'); 
 
\t $("#Saturday_content_check_all").bootstrapToggle('on'); 
 
    } 
 
    else { 
 
\t $("#Sunday_content_check_all").prop('checked', false).change() 
 
\t $("#Monday_content_check_all").prop('checked', false).change() 
 
\t $("#Tuesday_content_check_all").bootstrapToggle('off'); 
 
\t $("#Wednesday_content_check_all").bootstrapToggle('off'); 
 
\t $("#Thursday_content_check_all").bootstrapToggle('off'); 
 
\t $("#Friday_content_check_all").bootstrapToggle('off'); 
 
\t $("#Saturday_content_check_all").bootstrapToggle('off'); 
 
    } 
 
});

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
 

 
<input type= "checkbox" 
 
     checked data-toggle= "toggle" 
 
     id= 'check_everything' 
 
     name= 'check_everything' 
 
     data-onstyle= "success" 
 
     data-offstyle= "warning" 
 
     data-size= "small" 
 
     data-on= "Yes" 
 
     data-off= "No">

는 댓글을 추가하십시오.

Answer 1

id 대신 클래스로 참조하십시오.

$("div.tumble").toggleClass("bounce");