проверка кнопок с помощью jQuery

Question

У меня есть кнопки 2radio. У одной радиокнопки есть переключатель уровня 3sub. Ex:

<input type="radio" name="catagory" /> 
        <label class="" for="">A</label> 
    <input type="radio" class="btn-redio" name="catagory" /> 
        <label class="" for="">B</label> 

раз я cheked кнопка радио B я получу 3sub уровня радиокнопок. Я хочу проверить, что если пользователь нажимает кнопку B, тогда вам нужно проверить, проверено ли какое-либо вспомогательное радиоуправление или нет.

уровень суб означает: если нажать на кнопку B, то только еще 3radio кнопки будут отображаться с помощью JS

Благодаря

AZ

Answer 1

Если я правильно понимаю, это ваша ситуация:

<input type="radio" name="parent_radio1" value="..." /> 
<input type="radio" name="sub_radio1_1" value="..." /> 
<input type="radio" name="sub_radio1_2" value="..." /> 
<input type="radio" name="sub_radio1_3" value="..." /> 

<input type="radio" name="parent_radio2" value="..." /> 
<input type="radio" name="sub_radio2_1" value="..." /> 
<input type="radio" name="sub_radio2_2" value="..." /> 
<input type="radio" name="sub_radio2_3" value="..." /> 

Если это так, вы можете использовать что-то вроде этого (не проверено):

var form = $('#someForm'); 
form.submit(function(event){ 
    var parent_radios = $('input[type=radio][name^="parent_radio"]'); 
    parent_radios.each(function(){ 
    var parent = $(this); 

    if (parent.prop('checked') !== true) return; // Parent not selected, no validation needed 

    var child_selector = parent.attr('name').replace('parent_radio', ''); 
    var childs = $('input[name^="sub_radio' + child_selector + '_"]:checked'); // Select only the selected ones 

    if (childs.length == 0) { 
     event.preventDefault(); // No sub radio has been selected for this parent, cancel submit 
     // Do some other stuff here like show error message 
    } 
    }); 

});