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

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

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