input选中checked

Question

无意间发现一个奇特的问题，上代码：

效果：

问题描述：
用div包裹input,点击div，无法通过判断input是否选中状态来改变div的状态，
但用label包裹input,点击父元素，却能通过判断input的状态来改变label标签。

Answer 1

题主，label可以和input关联在一起的，作为父容器包裹input是一种方式，还可以通过label的for属性来实现，这时候，点击label，就相当于点击input