無効になっているフィールドセット内のdiv要素を有効にするにはどうすればよいですか？

Question

私は要素の束を持つフィールドセットを持っています。それは無効になっていますが、他のすべての要素を無効にしたまま、divの1つとdivのすべての子を有効にしたがっています。これは可能ですか？ JQueryやCSSなどのいずれかで！

ex。私はあなたが簡単にjQuery使用して切り替えることができ、子供にそれを設定する必要が

<fieldset disabled> 
 
    <div name="paper" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
    <input name="AddPaper" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    </div> 
 
    <div name="notes" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
    <input name="AddNotes" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    <input name="saveNotes" type="button" value="Save" class="btn btn-success btn-xs" /> 
 
    </div> 
 
</fieldset>

Answer 1

無効「の注意事項」を有効にしても「紙」を維持したいか、JS

<fieldset> 
 
    <div name="paper" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
    <input disabled name="AddPaper" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    </div> 
 
    <div name="notes" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
    <input name="AddNotes" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    <input name="saveNotes" type="button" value="Save" class="btn btn-success btn-xs" /> 
 
    </div> 
 
</fieldset>

または変更マーク

fieldset fieldset { 
 
    border: 0; 
 
    padding: 0; 
 
}

<fieldset> 
 
    <fieldset disabled> 
 
    <div name="paper" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
     <input name="AddPaper" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    </div> 
 
    </fieldset> 
 
    <fieldset> 
 
    <div name="notes" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
     <input name="AddNotes" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
     <input name="saveNotes" type="button" value="Save" class="btn btn-success btn-xs" /> 
 
    </div> 
 
    </fieldset> 
 
</fieldset>

Answer 2

私の提案は、あなたが選択したものを除くすべての要素のdisable属性再配置することである：親、その子を無効にすると

$(function() { 
 
    $('fieldset:disabled').prop('disabled', false).children().each(function(i, e) { 
 
    var jEle = $(e); 
 
    if (jEle.attr('name') != 'notes') { 
 
     jEle.find('*').prop('disabled', true).css('background', 'red'); 
 
    } 
 
    }); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 

 
<fieldset disabled> 
 
    <div name="paper" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
     <input name="AddPaper" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
    </div> 
 
    <div name="notes" class="form-control" style="width:100%; height:300px;border:1px solid black;"> 
 
     <input name="AddNotes" type="button" value="Add" class="btn btn-warning btn-xs" /> 
 
     <input name="saveNotes" type="button" value="Save" class="btn btn-success btn-xs" /> 
 
    </div> 
 
</fieldset>