Sayın Forum üyeleri öncelikle merhaba. Ekleme formu için görsellik açısından switch kullanmak istiyorum.

Kodlar:
<div class="form-group">
                     <div class="input-group">
                      <label class="switch"><input type="checkbox" name="duyurular_durum" id="duyurular_durum" value="1" checked ><span class="slider"></span></label>
                    </div>
                  </div>
Javascript Kodlarım

<script type="text/javascript">
  
 $(".checkbox").on('change', function() {
        if ($(this).is(':checked')) {
            $(this).attr('value', '1');
          
        }
        else {
           $(this).attr('value', '0');
          
        }
        const newStatus = !$(this).prop('checked');
$(this).prop('checked', newStatus);
    });

</script>
Ekle butonuna bastığım zaman switch "on" konumundayken kayıt yapıyor ancak durum=0 olarak kaydediyor;
Switch "Off" konumundayken veritabanına kaydetmiyor. Acaba nerede yanlış yapıyorum yardımcı olur musunuz ?