隐藏（）单选按钮*和*它在jquery中的文本标签答案

【问题标题】：hide() radio button *and* its text label in jquery隐藏（）单选按钮*和*它在jquery中的文本标签
【发布时间】：2010-10-13 05:21:38
【问题描述】：

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

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

<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>

和

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

有什么想法吗？我不喜欢使用 kludge，它可能无法通过标签中的 span 进行验证，但也许我过于热心了。

【问题讨论】：

【解决方案1】：

我认为这应该适合你

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

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

【讨论】：

【解决方案2】：

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

为我工作

【讨论】：

【解决方案3】：

$('label:has(#zone_r1)').hide();呢

【讨论】：

【解决方案4】：

对于第一个单选按钮，您可以隐藏实际按钮，然后隐藏其parent：

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

对于第二种情况，您可以隐藏按钮和“next”兄弟：

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

【讨论】：

【解决方案5】：

你可以这样做：

1.) 定义不带周围标签的单选按钮输入。

2.) 将“选项文本”（单选按钮右侧的文本）包裹在 <span> 中。

3.) 使用这个 jQuery 语句：$("input:radio:not(:checked), input:radio:not(:checked) + span").hide();

这将选择单选按钮和单选按钮右侧的文本并将其隐藏。

【讨论】：

【解决方案6】：

只需将“标签”选择器放在父级中：

$(':radio[id=zone_r1]').parent('label').hide();

【讨论】：

我不知道您为什么觉得您需要回答这个非常古老且已经回答的问题，令我震惊的是您实际上编写了一个包含[id=...] 的选择器。那是一个身份证。你知道：#zone_r1.

【解决方案7】：

根据值隐藏单选按钮容器或 TD

jQuery("input[type=radio][value='EU2']").parent().hide();

【讨论】：