javascript - 如果输入包含在 div 标记中，则 Fieldset 禁用属性不起作用

Question

bootstrap 在 fieldset 上的禁用属性应该禁用该 fieldset 标签下的所有输入。如果输入标签紧跟在 fieldset 标签或图例标签之后，它就可以完美工作。只要我在 fieldset 和 input 之间插入 div 标签，禁用的属性就不起作用。

它适用于以下声明...

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