Question

单击此按钮时，只有单击“ Hello”文本，它才会选中该复选框。如果您单击按钮但未单击文本，则不会选中该框。我如何才能做到这一点，无论我在何处单击按钮，它都会选中该框？

<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.net/hxoqrf7v/

按钮内的标签-单击按钮并激活标签

1 个答案: