如果输入(复选框)被禁用 - >隐藏它的标签

时间:2014-11-07 14:11:05

标签: label hide

我有以下代码,并希望隐藏标签:

<div>  
<input type="checkbox" data-filter-value="17_72" class="attrib filterselector unav_option" name="filter[17]" id="filter_17_72" value="72" disabled="">
<label class="optionvalue" for="filter_17_72"> Some Text</label> </div>

我的代码中有几个这样的内容,我希望将所有标签隐藏在输入状态为禁用的地方=&#34;&#34;

任何帮助都会很棒。

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery来实现此目的。所以它可以是这样的

$(function () {
        if ($('input[type=checkbox]').prop('disabled')) {
            var hide = $('label').hide();
        }
});

<强> Jsfiddle

答案 1 :(得分:0)

我没有通过JS管理,所以我尝试通过CSS,它的工作原理:

#filterForm input.unav_option + label {display:none !important;}