Ivlev

Автор

6 января 2022, в 15:30

Рейтинг: 2368

<script>

    $(document).ready(function()

 {

     $("#switch").focus(function(){

         $("#switch").removeClass("switch switch-white").addClass("switch switch-dark");

     }).blur(function(){

         $("#switch").removeClass("switch switch-dark").addClass("switch switch-white");

     });

 });

 </script>      

 

 <label class="ml-2 toggle-switchy" for="mode" data-size="sm">

                 <input checked type="checkbox" id="mode">

                 <span class="toggle">

                   <span id="switch" class="switch switch-dark"></span>

                 </span>

               </label>

Allazarin 6 января 2022, в 16:50

Рейтинг: 232

 $('#mode').change(function(){

     if($(this).is(':checked'){

         //код когда чекбокс активировали

     }else{

         //когда деактивировали

     };

 });

 

Ivlev

Автор

6 января 2022, в 16:57

Рейтинг: 2368

 $('#mode').change(function(){

     if($(this).is(':checked'){

         //код когда чекбокс активировали

     }else{

         //когда деактивировали

     };

 });

 

<script>

 $('#mode').change(function(){

      if($(this).is(':checked'){

          $("#mode").removeClass("switch-white").addClass("switch-dark"); 

      }else{

 $("#mode").removeClass("switch-dark").addClass("switch-white");

      };

  });

 </script>      

 

 <label class="ml-2 toggle-switchy" for="mode" data-size="sm">

                 <input checked class="switch-white" type="checkbox" id="mode">

                 <div class="toggle">

                   <div class="switch"></div>

                 </div>

               </label>