Şimdi Ara

Checkbox ile disable ve etkinleştirme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
458
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba,

    3 adet checkbox var
    Admin
    Moderator

    ve
    Göster

    Şöyle çalışması lazım
    Göster tıklandığında Admin ve Moderator disable olacak ve oluyor burada sorun yok
    Admin veya Moderator tıklandığında Göster disable olacak ve oluyor burada sorun yok

    Sorun şu:
    Eğer Admin ve Moderator her ikisi tıklanmış ise her ikisinin tıklanmışı kaldırıldığında Göster etkin olacak, Şuan birinin tıklanmış kaldırdığında Göster etkin oluyor

    Buradaki amacımız
    Göster seçilmeyecek Admin ve veya Moderator seçilecek
    Göster seçilecek Admin ve Moderator seçilmeyecek
    https://jsfiddle.net/ademgenc/6cen2ar3/

    Şimdiden teşekkür ederim







  • $(document).ready(function() {
    $('#admin').on('change', function() {
    if ($('#admin:checked').length || $('#moderator:checked').length) {
    $('#goster').prop('disabled', true);
    $('#goster').prop('checked', false);
    return;
    }

    $('#goster').prop('disabled', false);
    });

    $('#moderator').on('change', function() {
    if ($('#moderator:checked').length || $('#admin:checked').length) {
    $('#goster').prop('disabled', true);
    $('#goster').prop('checked', false);
    return;
    }

    $('#goster').prop('disabled', false);
    });

    $('#goster').on('change', function() {
    if ($('#goster:checked').length) {
    $('#admin').prop('disabled', true);
    $('#moderator').prop('disabled', true);
    $('#admin').prop('checked', false);
    $('#moderator').prop('checked', false);
    return;
    }

    $('#admin').prop('disabled', false);
    $('#moderator').prop('disabled', false);
    });

    });




  • https://jsfiddle.net/rpftxm1y/1/

    Burada olduğu gibi, id'den çok class kullanırsan hem daha dinamik olur hem istediğin sonuca ulaşırsın.
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.