hide() 单选按钮*和*它在 jquery 中的文本标签

2023-12-29

我正在回顾最近的一个项目,解决可访问性问题,并确保所有表单元素都有标签。将标签文本放入标签中会导致我之前编写的一些笨拙代码出现问题。

基本上,如果您有一个单选按钮及其标签:

<label for="zone_r1"><input type="radio" name="zone" id="zone_r1" value="NY" />New York</label>

然后你使用 jquery 来隐藏它,如下所示:

$('#zone_r1').hide();

实际按钮被隐藏,但标签文本未被隐藏。最初我为标签文本制作了一个跨度并将其隐藏起来,如下所示:

<input id="NY" type="radio" name="zone" value="NY" /><span id="nyTXT">New York</span>

and

$('#NY').hide();
$('#nyTXT').hide();

有任何想法吗?我不想使用拼凑,它可能无法验证标签中的跨度,但也许我过于热心。


我认为这应该对你有用

$("label[for=zone_r1],#zone_r1").hide();

这将选择将“for”属性设置为您要查找的单选按钮的标签以及单选按钮本身,并将它们都隐藏

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

hide() 单选按钮*和*它在 jquery 中的文本标签 的相关文章