ons-switch 그룹을 만들려면 어떻게해야합니까?

Question

ons-switch 버튼 그룹을 만들어서 주어진 시간에 하나의 스위치 만 토글/체크 할 수있는 간단한 방법이 있습니까? 라디오 버튼 그룹과 비슷합니다. 예 : <ons-switch> 요소의 내부 입력 요소 이후 실제로

<ons-switch name="my_group_name"></ons-switch> 

Answer 1

같은 당신이 그들을 라디오 버튼처럼 작동하도록 일부 자바 스크립트를 작성해야하는 체크 박스입니다.

var setAll = function(elements, value) { 
    for (var i = 0; i < elements.length; i++) { 
    elements[i].checked = value; 
    } 
} 

var checkboxes = document.querySelectorAll('.switch-group > ons-switch > label > input'); 

for (var i = 0; i < checkboxes.length; i++) { 
    checkboxes[i].addEventListener('change', function() { 
    setAll(checkboxes, false); 
    this.checked = true; 
    }); 
} 

그냥 change 이벤트를 수신하고 클릭 제외한 false 모든 스위치를 설정합니다 :

은 당신이 뭔가를 할 수 있습니다.

http://codepen.io/argelius/pen/ByyxwX

:

이 행동에서의 예