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

Question

我正在使用jquery ui menu 1.9。 我有列表项元素定义为

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

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

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

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

我想我可以在菜单的select事件中执行此操作，但我认为这会导致其他问题，如果可能的话，我宁愿在标记中进行处理。

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

Answer 1

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

Answer 2

将display: inline-block添加到标签中，以便拾取宽度。