Yeni bir tane açıldığında tüm onay kutusu tabanlı geçiş anahtarlarının işaretini kaldırın veya işaretini kaldırın.

Question

Bazı CSS3 toggle switch'lerini bir projede kullanıyorum ve şu anda gayet iyi bir şekilde değişiyorlar, ancak gerçekleşmek istediğim şey, yeni bir aktive olduğunda diğer tüm geçişlerin kapanmasıdır. Biri bana bu konuda başlamanıza yardımcı olabilir. Nereden başlayacağımı bile bilmiyorum.

http://wsnippets.com/styling-checkbox-toggle-switches-css3/

JavaScript bunu yapabilmek için bir yol vardır: Bunlar kullanıyorum geçiş düğmeleri vardır? Herhangi bir rehber yardımcı olabilir.

Answer 1

, bu hile olacaktır: http://codepen.io/anon/pen/MymGqP:

$(function() { 
    $('.checkbox-switch input').change(function() { 
    if($(this).prop('checked')) { 
     $(".checkbox-switch input").prop('checked', false); 
     $(this).prop('checked', true); 
    } 
    }); 
}); 

burada linkte örnek html/css kullanarak demo izleyin.

Answer 2

Projeniz hakkında çok fazla şey bilmeden, geçiş anahtarlarınız için onay kutuları yerine bir düğme radyo düğmeleri kullanmak olabilir. Bu şekilde, radyo düğmelerinin varsayılan davranışı, yenisi etkinleştirildiğinde diğer/s öğelerinin seçimini kaldırır. jQuery kullanıyorsanız