锚点单击区域内的jquery菜单复选框

Question

我正在使用 jquery ui 菜单 1.9。 我将列表项元素定义为

<li><a href="#"><label><input type="checkbox" value="Seven"/>Seven</label></a></li>

http://jsfiddle.net/fVLv3/1/

我的问题是，如果我在标签外部单击，我无法检查或取消检查，只能在标签文本或输入本身上。我希望能够单击菜单项上的任意位置来触发复选框。

有没有办法用 html/css 做到这一点？

我想我可以在菜单的选择事件中做到这一点，但我认为这会导致其他问题，如果可能的话，我宁愿在标记中解决它。

我尝试将标签的宽度设置为 100%，但显然没有用。 有什么想法吗？

Answer 1

尝试将标签设置为display: block; width: 100%;

Answer 2

将display: inline-block 添加到标签中，使其获得宽度。