v2.5.2
Giriş yap

Switch İle Aktif Pasif Yapma

Anonim
470 defa görüntülendi

Arkadaşlar Merhaba. Basit bir form dizinim var bu dizinde aktif/pasif olayını radio ile yapmıştım ama şimdi bunu görsellik açısından switch toggle'a çevirmek istiyorum. Kodları yazdım ancak kaydediyor uyarısı veriyor ama dosyayı db'ye kaydetmiyor.

Swtich Toggle Kodlarım

    <h4 class="card-title">Durum</h4>
     <label class="switch">
     <input type="checkbox" class="togBtn" value="1" name="duyurular_durum">
     <div class="slider round"></div>
      </label>                            
        

Javascript Kodları

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

</script>

Çalışan Eski value Kodları

<div class="card-body">
  <h4 class="card-title">Durum</h4>
   <div class="form-group mb-4">
   <select id="heard" class="form-control"  name="duyurular_durum" required>
    <option value="1">Aktif</option>
    <option value="0">Pasif</option>
    
    </select>
    </div>                               
     </div>
ebykdrms
803 gün önce
const newStatus = !$(this).prop('checked');
$(this).prop('checked', newStatus);

şeklinde prop() fonksiyonunu kullanmayı deneyebilirsiniz.