javascript - 尝试使用 jQuery 增加复选框的可点击区域

Question

我有一个标签 <li class="pointer-cursor">abc<li>我正在使用 jQuery 添加一个复选框

jQuery('.pointer-cursor').prepend('<input type = checkbox>');

结果是

<li class="pointer-cursor"> <input type="checkbox">abc </li> 我想使用 jQuery 增加复选框的可点击区域，这样无论我点击哪一行，复选框都会被选中。

Answer 1

您可以在输入周围放置一个标签，以为其提供更大的点击区域。

$('.pointer-cursor').each(function(){
  $(this).html('<label><input type="checkbox">'+this.innerHTML +'</label>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="pointer-cursor">abc</li>
  <li class="pointer-cursor">123</li>
</ul>