css - 打开新开关时取消选中或关闭所有基于复选框的切换开关？

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 .