Как вернуть значение для AM / PM в console.log - PullRequest
0 голосов
/ 22 июня 2019

У меня есть набор времени с кнопкой переключения для AM и PM, однако при отправке формы значение для AM или PM не существует в браузере console.log. Результаты Console.log просто пустые.

ИЛИ у вас есть идеи как альтернативный способ позволить пользователю выбрать время с AM / PM.

Мой код, как показано ниже.

var toggle = document.getElementById('container');
var toggleContainer = document.getElementById('toggle-container');
var toggleNumber;

toggle.addEventListener('click', function() {
  toggleNumber = !toggleNumber;
  if (toggleNumber) {
    toggleContainer.style.clipPath = 'inset(0 0 0 50%)';
    toggleContainer.style.backgroundColor = '#D74046';
  } else {
    toggleContainer.style.clipPath = 'inset(0 50% 0 0)';
    toggleContainer.style.backgroundColor = 'dodgerblue';
  }
  console.log(toggleNumber)
});
<div class="row">
  <div class="col-6">
    <select id="time" class="form-control">
      <option value=""> Hour </option>
      <option value="1">1</option>
      ...
    </select>
  </div>
  <div class="col-6 mb-20">
    <div class="onoffswitch">
      <input type="checkbox" name="ampm" class="onoff-checkbox" id="ampm">
      <label class="onoffswitch-label" for="ampm">
    			<span id="am" class="onoffswitch-inner"></span>
    			<span id="pm" class="onoffswitch-switch"></span>
    		</label>
    </div>
  </div>
</div>
...