Снимите или выключите все переключатели на основе переключателей, если новый включен?

Question

Я использую некоторые переключатели CSS3 в моем проекте, и в настоящее время они очень хорошо переключаются, но я бы хотел, чтобы все остальные переключатели отключились при активации нового. Может ли кто-нибудь помочь мне начать с этого. Я даже не знаю, с чего начать. Эти переключатели, которые я использую:

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

есть способ для Javascript, чтобы быть в состоянии сделать это? Любое руководство будет полезно.

Answer 1

Если вы используете JQuery, это будет делать трюк:

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

Смотрите демо, используя пример HTML/CSS в вашей ссылке здесь: http://codepen.io/anon/pen/MymGqP.

Answer 2

Не зная слишком много о вашем проекте, одним из решений может быть использование переключателей вместо флажков для ваших тумблеров. Таким образом, поведение переключателей по умолчанию отменяет выбор другого/с при активации нового.