Javascript 如果输入由div标记括起，则Fieldset disabled属性不起作用

引导程序在fieldset上的disabled属性应该禁用该fieldset标记下的所有输入。 如果输入标记正好位于fieldset标记或legend标记之后，则它可以正常工作。一旦我在字段集和输入之间插入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>

用户详细信息

---

有谁能建议一下如何解决这个问题吗？

首先，

禁用

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

用户详细信息

---

工作示例：

试试这个：

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

---

对我来说似乎很好。您使用的css是否正确？我试图使用jQuery禁用字段，并使用以下语法$（“#fieldset”）.children（）.prop（“disabled”，true）；其中，我应该通过$（“#fieldset”）.prop（“disabled”，true）禁用字段集本身；是的，那是你应该做的。这就是你在问题中提到的。是的，字段集确实是HTML属性；阅读bootstrap文档，因此认为它可能是bootstrap的东西。在发布这个问题之前，我尝试了几种组合。您刚刚尝试在html标记中禁用，即使输入在div中，它也可以工作。但是，如果您尝试使用javascript切换此属性，则它不起作用。我不明白如果我在div标记之外使用input标记，它会如何与jQuery/bootstrap冲突，因为同样的事情也会发生。请看一看它的实际情况——请看更新的fiddle，尽管禁用语法已从jQuery 1.5更改为1.6，但请注意，可能您使用的语法不正确。你们并没有提供那个些代码。我在我之前的评论中提供了代码，见链接上的超链接，但我不知道评论在StackOverflow中是如何工作的；现在我知道了。这里有一个更具可读性的链接，我发现我犯了什么错误，我使用.children（）方法设置disabled，我应该禁用字段集。错过这个可能是因为我在强调其他事情。谢谢你，你的代码帮助了我。