按钮内的标签--点击按钮，激活标签。

Question

当你点击这个按钮时，只有当你点击 "你好 "文字时，它才会勾选复选框。如果你点击了按钮，但没有点击文字，它就不会勾选复选框。怎样才能让它无论在哪里点击按钮，都能勾选复选框？

<button>
    <label for="myId">Hello</label>
</button>


<input id="myId" type="checkbox" />

Answer 1

你需要使标签的宽度和高度与按钮一样，像这样。

<button style="padding: 0;">
    <label style="display: block; padding: 20px;" for="myId">Hello</label>
</button>


<input id="myId" type="checkbox" />

这里是提琴。https:/jsfiddle.nethxoqrf7v