禁用禁用字段集中的某些元素

Question

当fieldset禁用父级时，是否有办法（像元素上的属性一样）使特定元素“不可分散” ？最好没有任何JavaScript。如果不是，什么是禁用整个表格（有特定例外）的良好实践？

<fieldset disabled>
  Name: <input type="text"><br>

  <!-- Email shouldn't be disabled -->
  Email: <input type="text"><br>

  <!-- more fields ... -->
</fieldset>

Answer 1

亲爱的使用这个例子来实现你的目标。

 $(document).ready(function () {
            $('#form :input').prop('disabled', true);
            $("#btn1").prop('disabled', false);
        })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset id="form">

  <legend>Personalia:</legend>
  Name: <input type="text" /><br />
  Email: <input type="text" /><br />
  Date of birth: <input type="text" />

  <input id="btn1" type="button" value="See More (Enable this!!) " onclick="ButtonClicked1()" />
  Somethingelse: <input type="text" />
 <input type="button" value="View Details " onclick="ButtonClicked2()"/> 

  </fieldset>