jquery - 我可以使用这个访问这个复选框吗？

Question

在我的 HTML 文件中，我有以下列表:

<ul >
       <li > <input type="checkbox" name="cbox" >do assignment 3</li>
        <li> <input type="checkbox" name="cbox" >study for test</li>
        <li > <input type="checkbox" name="cbox" >buy groceries</li>
        <li ><input type="checkbox" name="cbox">do more work</li> 
      </ul>

我的 javascript 文件中有以下函数:

     $list.on('click', 'li', function() {
      var $this = $(this);
      ..some code
 }

老实说，我觉得 js 文件中的其余代码并不重要，所以我只问我有什么困惑。

1. 我注意到，每当我选中复选框时，它也将其视为我点击了该列表项，因此调用了该函数。无论如何要将其分开，以便选中或取消选中复选框不会自动意味着与单击列表项相同？我认为可能没有，因为复选框代码被 <li> </li> 包围着标签。这是否意味着......它以某种方式成为 li 元素的一部分(或 child ？不确定术语)？如果是这样，是否意味着我应该能够使用 $this 访问复选框的值？

我尝试执行 $this.is(':checked') 但似乎总是返回 false。

Answer 1

event.stopPropagation()

Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

更多信息请查看Documentation