如何从“温泉”复选框中单击按钮获得多个复选框值？

Question

我正在使用Onsen-UI提供的ons-checkbox，我有多个checbox

<ons-checkbox input-id = "brand" value = "example" class = "checkbox"></ons-checkbox>

在按钮上单击我要获取所有选中的复选框的值

Answer 1

checkbox.html

<ons-page>
  <div style="text-align: center; margin-top: 30px;">
    <p style="margin-top: 30px;">
      <ons-button onclick="checkedData()">Data</ons-button>
    </p>
    <ons-list>
    <ons-list-item tappable>
      <label class="left">
        <ons-checkbox input-id="check-1" value="Apple"></ons-checkbox>
      </label>
      <label for="check-1" class="center">
        Apple
      </label>
    </ons-list-item>
    <ons-list-item tappable>
      <label class="left">
        <ons-checkbox input-id="check-2" value="Banana"></ons-checkbox>
      </label>
      <label for="check-2" class="center">
        Banana
      </label>
    </ons-list-item>
  </ons-list>

  </div>
</ons-page>

checkbox.js

var checkedData = function() {
  var ons = document.getElementsByTagName('ons-checkbox');
  for (var i=0; i<ons.length; i++) {
    if(ons[i].checked) {
      console.log(ons[i].value);
    }
  }
};