如何从 Onsen 复选框单击按钮时获取多个复选框值？

Question

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

<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) {
      // Below will give all checked values
      console.log('Checked Values : , ons[i].value);
    } else {
      // Below will give all un-checked values
      console.log('Un-Checked Values : , ons[i].value);
    }
  }
};

如何从 Onsen 复选框单击按钮时获取多个复选框值？

How to get multiple checkbox value on button click from an Onsen Checkbox?

html

javascript

css

jquery

onsen-ui