<label>标签内的<a>标签不触发复选框

Question

我必须<a>在<label>标签内使用.因为有很多css样式只适用<a>于我们当前的系统.该<a>标签未链接到任何网页,但对于造型/徘徊.

见下面的代码:

<input type="checkbox" id="my-id">
<label for="my-id"><a href="javascript:void(0)">Some text</a></label>

但是当点击"某些文字"时,它不会切换复选框状态.

我试过$.preventDefault()了<a>标签,但没有用.

我该怎么做才能使<a>表现像标签一样？

Answer 1

如果href从a元素中删除属性，则单击文本将切换复选框。

<input type="checkbox" id="my-id">
<label for="my-id"><a>Some text</a></label>

如HTML规范所述：

上的href属性a和area元素不是必需的