Найти все значения радиокнопки

Question

Я хочу найти все значения переключателей. Но он возвращает только одно значение. Мой код здесь.

$(document).on("click", ".content>span" , function(e) { 
     var p = $(this).parent('td'); 
     var RadiobtnValues = p.find("div").find('input').attr('value'); 
}); 

    <td class="ui-droppable ui-sortable content tbledata"> 
    <span> 
    <img src="images/Close-icon.png" class="close_img"> 
    <img src="images/expand.png" class="expand_img"> 
    <div class="form-group" id="radiooption"> 
     <label>Radio Button</label>    
     <input type="radio" name="radio_0" value="yes">Yes 
     <input type="radio" name="radio_0" value="no">No 
    </div> 
</span> 
</td> 

Answer 1

JQuery в «геттерной» функция, такая как attr возвращать только значение для первого элемента в наборе. Если вы хотите их всех, вам понадобится петля. Это, например, даст вам множество из них:

var RadiobtnValues = p.find("div").find('input').map(function() { 
    return this.value; 
}).get(); 

Примечания: Ничего там проверки, выбрана ли кнопка радио (ы) в вопросе, это не возвращает их значений вы выбраны ли они или не. Если вы просто хотите, значения выбранных:

var RadiobtnValues = p.find("div").find('input:checked').map(function() { 
    return this.value; 
}).get(); 

Или, возможно, как объект с именем каждой кнопки радио в качестве ключа:

var RadiobtnValues = {} 
p.find("div").find('input:checked').each(function() { 
    RadiobtnValues[this.name] = this.value; 
}); 

Answer 2

Как о чем-то вроде этого

$(document).on("click", ".content>span" , function(e) { 
    var allRadioBoxValues = []; 
    var p = $(this).parent('td'); 
    var RadiobtnValues = p.find("div").find('input'); 
    RadiobtnValues.each(function(index,elem){ 
     allRadioBoxValues.push(elem.value); 
    }); 
    // now 'allRadioBoxValues' will have array of radio button values 
}); 

Answer 3

Как говорится в docs:

Метод .attr() получает значение атрибута только для первого элемента в согласованном наборе. Чтобы получить значение для каждого элемента по отдельности, использует конструкцию цикла, такую ​​как метод .each() или .map() jQuery.

Это означает, что когда у вас будет больше элементов, он вернет только attr первого. Чтобы получить все атрибуты, вы можете определить массив:

var RadiobtnValues = new Array(); 
p.find("div").find('input').each(function(index) { RadiobtnValues[i] = $(this).attr('value') });