Question

bootstrap在fieldset上的disabled属性应该禁用该fieldset标记下的所有输入。如果输入标记位于fieldset标记之后或图例标记之后，它将完美地运行。只要我在fieldset和input之间插入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>

有人可以建议如何解决这个问题吗？

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

Answer 2

试试这个：

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

如果输入由div标记括起，则字段集禁用属性不起作用

2 个答案: