javascript – 如何隐藏html中的复选框?

前端之家收集整理的这篇文章主要介绍了javascript – 如何隐藏html中的复选框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想隐藏一个复选框.
但也想要,当我点击与相应的复选框相关联的标签时,该复选框应该被检查/取消选中.

我也希望复选框必须能够专注.

我正在做以下事情:

<div class="menuitem">
    <label class="checkBox"><input type="checkBox" value="valueofcheckBox" style="display:none" checked="checked">Option Text</label>
</div>

上面的问题是,当style =“display:none”时,我无法将重点放在复选框上.

为了使复选框可以重点关注我在做:

$('input','.menuitem').focus();

如果可能,我如何使隐藏的复选框可以集中?

解决方法

尝试将复选框的不透明度设置为0.如果您想要复选框超出流程,请尝试position:absolute并将复选框偏移大量.

HTML

<label class="checkBox"><input type="checkBox" value="valueofcheckBox" checked="checked" style="opacity:0; position:absolute; left:9999px;">Option Text</label>

猜你在找的JavaScript相关文章