li输入复选框：如何获取检查状态javascript

Question

我可以访问每个返回你在图片中看到的li [i]。一个例子是^(?:0067|0)[1-9][0-9\s.\/-]{5,19}$ 返回li[i].innerText。如何获得每个元素的business状态？

checked

Answer 1

您需要获得对input元素的引用，您可以按如下方式执行此操作：

var input = this.querySelector('input[type=checkbox]');

...然后您可以使用input.checked：

＆＃13;

＆＃13;

var li = document.querySelectorAll('li');

for(var i = 0 ; i < li.length; i++){
    li[i].addEventListener('click', function(event) {
      //event.preventDefault();
      var input = this.querySelector('input[type=checkbox]');
      console.log(this.textContent.trim(), input.checked);
    });
}

＆＃13;

<ul>
<li>
    <span>test</span>
    <input type="checkbox">
</li>
</ul>

＆＃13;

＆＃13;

＆＃13;