Как создать группу ons-switch?

Question

Есть ли прямой способ создать группу кнопок переключателя ons-переключателей, чтобы только один переключатель можно было переключать/проверять в данный момент времени? Аналогично группе переключателей. например что-то вроде

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

Answer 1

На самом деле, так как внутренний входной элемента <ons-switch> элемента чекбокс вам придется написать несколько JavaScript, чтобы заставить их вести себя как кнопки радио.

Вы могли бы сделать что-то вроде этого:

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