Как получить значение метки в элементе li JavaScript

Question

Я новичок в JavaScript.Я создаю приложение TODO как проект после завершения онлайн-урока.

У меня есть структура в HTML, подобная этой:

<ul id="list">
            <li class="myCheck"><input type="checkbox" id="check"> 
            <label>Gym</label></li>
</ul>

Теперь я добавляю больше элементов li, используя JS, затемсохраняя его в localStorage используя JSON.Тогда есть возможность удалить TODO из списка.

Как получить текстовое значение элемента метки, чтобы я мог удалить его из JSON?

Answer 1

Спасибо.Вы можете попробовать следующее:

HTML:

<ul id="list">
            <li class="myCheck">
            <input type="checkbox" id="check" name="Gym" value="Gym"> Gym

            </li>
</ul>

Javascript:

$(".myCheck").on('click', function() {
  var value = $(this).parent().find(":checkbox").val();
  // or $(this).sblings().find(":checkbox").val()
  // or $(this).prev().find(":checkbox").val()
  alert(value);
});