如果输入包含在 div 标签中，则 Fieldset disabled 属性不起作用答案

【问题标题】：Fieldset disabled property not working if input is enclosed by div tag如果输入包含在 div 标签中，则 Fieldset disabled 属性不起作用
【发布时间】：2013-12-07 01:11:10
【问题描述】：

bootstrap 在 fieldset 上的 disabled 属性应该禁用该 fieldset 标记下的所有输入。如果输入标签就在字段集标签之后或图例标签之后，它就可以完美地工作。一旦我在字段集和输入之间插入 div 标签，那么 disabled 属性就不起作用。

它适用于以下声明...

<form id="form">
    <fieldset id="fieldset">
    <legend>User Details</legend>
            <input id="first_name" name="first_name" class="form-control" type="text"/>
    </fieldset>
</form>

但如果我在 div 标签内添加输入，则不会

<form id="form">
    <fieldset id="fieldset">
    <legend>User Details</legend>
        <div class="col-xs-12 col-sm-6 col-md-4">
            <input id="first_name" name="first_name" class="form-control" type="text"/>
            </div>
    </fieldset>
</form>

谁能建议如何解决这个问题？

【问题讨论】：

对我来说似乎工作正常。 jsfiddle.net/PGTw3你用对了css吗？
我试图使用 jQuery 禁用字段并使用以下语法 $("#fieldset").children().prop("disabled", true);我应该通过 $("#fieldset").prop("disabled", true); 来禁用字段集本身；
是的，这就是你应该做的。这就是你在问题中提到的。

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

首先，disabled 不是 bootstrap 的属性；它是原生 html。

其次，它似乎工作得很好。您是否使用了不兼容的 jQuery/bootstrap 版本？

<form id="form">
    <fieldset id="fieldset" disabled>
    <legend>User Details</legend>
        <div class="col-xs-12 col-sm-6 col-md-4">
            <input id="first_name" name="first_name" class="form-control" type="text"/>
            </div>
    </fieldset>
</form>

工作示例：http://jsfiddle.net/remus/LAk6L/

【讨论】：

是的，fieldset 确实是 HTML 属性；阅读引导文档，因此认为它可能是引导的东西。在发布这个问题之前，我已经尝试了几种组合。您刚刚尝试在 html 标记中禁用，即使输入在 div 内也可以使用。但是，如果您尝试使用 javascript 切换此属性，则它不起作用。我不明白它如何与 jQuery/bootstrap 冲突，因为如果我将输入标签放在 div 标签之外，同样的事情会起作用。请看link
确实如此 - 请参阅更新的小提琴jsfiddle.net/remus/LAk6L 请注意，尽管禁用语法已从 jQuery 1.5 更改为 1.6，但您可能使用了不正确的语法。不过，您没有提供该代码。
我在之前的评论中确实提供了代码，请参阅链接上的超链接，不知道评论在 StackOverflow 中的确切工作方式；现在我知道。这是更易读的链接http://jsfiddle.net/LAk6L/8/ 顺便说一句，我发现自己犯了什么错误，我使用 .children() 方法在我应该禁用字段集的位置设置禁用。错过了这可能是因为我在强调其他事情。谢谢 r3mus，您的代码有帮助。

【解决方案2】：

试试这个：

$("#fieldeset").children().attr("disabled", "disabled");

【讨论】：