машинописное значение и значение переключателя HTML

Question

Короче говоря, мне нужно использовать тумблер, чтобы определить, какой из моих методов будет вызван.Итак, я предполагаю, что вы можете получить логическое значение, имея в виду, включен ли переключатель?но как мне это получить?

Итак, я реализовал тумблер в html

<label class="switch">
 <input type="checkbox" id="ToggleswitchId" >
 <span class="slider round"></span>
</label>

Я видел, как кто-то делал что-то подобное с javascript.

 var switchTrueFalse = document.getElementById('ToggleswitchId').checked

но все, что я получаю, это "свойство 'проверено' не существует для типа HTMLElement"

Answer 1

checked является свойством ввода флажка, который возвращает истину или ложь.

function clickCheckbox() {
  if (document.getElementById('ToggleswitchId').checked) {
    console.log("check")
  } else {
    console.log("uncheck");
  }
}

<label class="switch">
 <input type="checkbox" id="ToggleswitchId" onClick="clickCheckbox()" >call method
 <span class="slider round"></span>
</label>

Answer 2

Вам необходимо вызвать функцию JavaScript при установке / снятии флажка.

Код

function test()
{
    var switchTrueFalse = document.getElementById('ToggleswitchId').checked;
    console.log(switchTrueFalse);
}


<label class="switch">
 <input type="checkbox" id="ToggleswitchId" onclick="test()" >
 <span class="slider round"></span>
</label>

Answer 3

checked не является методом.Это один из атрибутов <input>, который является логическим.

Таким образом, document.getElementById('ToggleswitchId').checked возвращает значение true, когда проверяется