Как получить несколько значений флажка при нажатии кнопки из флажка Onsen? - PullRequest
1 голос
/ 30 мая 2020

Я использую ons-checkbox, предоставляемый Onsen-UI, у меня есть несколько чекбоксов

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

при нажатии кнопки Я хочу получить значения всех отмеченных флажков

1 Ответ

1 голос
/ 30 мая 2020

флажок. 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>

флажок. 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);
    }
  }
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...