Включение и отключение всех дочерних элементов

Question

У меня есть эта проблема с включением и отключением раздела полей, если для другого раздела полей задано определенное значение. Рассмотрите jsfiddle для html-кода.
условия являются

1. Если все поля partA выбраны в качестве No, включите partB.
2. Если все поля partB выбраны как No, тогда включите partC.

Попробуйте 1
Сначала я попытался отключить элементы PartB и PARTC, которые не работают.

$(function() { 
    $('.group').attr('name','partB').find('input').attr('disable', true); 
    $('.group').attr('name','partC').find('input').attr('disable', true);       
}); 

Я не знаю, как бы убедиться, если все дочерние элементы выбраны в качестве No в group дел.

Answer 1

jsBin demo

Имея этот HTML:

<div class="group" id="partA"> 
    <span> PART A</span><br/> 
    Option 1 
    <input type="radio" name="optionsRadios1" value="option1"/>Yes 
    <input type="radio" name="optionsRadios1" value="option2"/>No 
    <br /> 
    Option 2 
    <input type="radio" name="optionsRadios2" value="option1"/>Yes 
    <input type="radio" name="optionsRadios2" value="option2"/>No 
</div> 

JQ:

$(function() { 

    $('#partB, #partC').find('input').prop('disabled', true); 

    function testChecked(){ 
    var $par = $(this).closest('.group'); 
    var $rad2 = $par.find('[value="option2"]'); 
    var allNo = $rad2.filter(':checked').length == $rad2.length; 
    $par.next('.group').find(':radio').prop('disabled', !allNo); 
    if(!allNo){ 
     $par.nextAll('.group').find(':radio').prop({'disabled':true, 'checked':false}); 
    } 
    } 

    $('.group :radio').change(testChecked); 

}); 

^{выше будет работать также более 2-х радио групп на .group}

Ваши ошибки:

"disable", "true" должен быть "disabled", "true"
<label> может управлять только один внутренний элемент (. Так что я удалил его)
<div> AFAIK не должен иметь атрибут name (так что я назначен ID)