Deaktivieren Sie alle Checkbox-Schalter, wenn eine neue eingeschaltet ist?

Question

Ich benutze einige CSS3 Toggle Switches in meinem Projekt und sie schalten gerade gut, aber was ich möchte, ist, dass alle anderen Toggles ausgeschaltet werden, wenn ein neues aktiviert wird. Kann mir jemand dabei helfen? Ich bin mir nicht einmal sicher, wo ich anfangen soll. Dies sind die Knebel ich verwende:

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

gibt es eine Möglichkeit für Javascript Lage sein, dies zu tun? Jede Anleitung wäre hilfreich.

Answer 1

Wenn Sie jQuery verwenden, wird dies den Trick:

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

die Demo Siehe Beispiel HTML/CSS in Ihrem Link mithilfe hier: http://codepen.io/anon/pen/MymGqP.

Answer 2

Ohne zu viel über Ihr Projekt zu wissen, könnte eine Lösung darin bestehen, anstelle von Kontrollkästchen für Ihre Kippschalter Optionsfelder zu verwenden. Auf diese Weise hebt das Standardverhalten der Optionsfelder die anderen ab, wenn eine neue aktiviert wird.