Как выбрать все элементы в массиве имен?

Question

Я пытаюсь суммировать коллекцию радио-выборов, используя jQuery.

<input name="cost[alpha]" type="radio" > 
<input name="cost[beta]" type="radio"> 
<input name="cost[delta]" type="radio"> 
... 
$('input[name="cost[*]"]').each(function() { 
    ... 
} 

Это не работает, так как он пытается разрешить ввод с именем «cost [*]». В идеале я хотел бы перебрать любой элемент в массиве затрат. Есть ли предпочтительный способ сделать это с помощью jQuery? У меня есть другие элементы в моей форме, которые используют тип радио, поэтому выбор радиостанций вообще не является допустимым вариантом.

Answer 1

Сделать атрибут селектор «starts with» селектор (^=):

$('input[name^="cost"]').each(function() { 
    ... 
}); 

Если вы обнаружите, что у вас есть другие элементы ввода, которые начинаются с «стоимость» или даже «стоимость [», то, возможно, вы хотите подумать об изменении способа запроса элементов. Одним из альтернатив было бы добавление специального имени класса к тем элементам, на которые вы нацеливаетесь, и вообще забыть об их именах. Например:

<input name="cost[alpha]" type="radio" class="form-cost"> 
<input name="cost[beta]" type="radio" class="form-cost"> 
<input name="cost[delta]" type="radio" class="form-cost"> 

И тогда ваш селектор является очень простым и очень целенаправленным:

$('input.form-cost').each(function() { 
    ... 
}); 

Вы можете получить лучшую производительность из просто оборачивать элементы в контейнере с уникальным идентификатором или именем класса и для входных запросов элементов, содержащихся в нем (как это было предложено Allende в комментарии):

<div id="cost-inputs"> 
    <input name="cost[alpha]" type="radio"> 
    <input name="cost[beta]" type="radio"> 
    <input name="cost[delta]" type="radio"> 
</div> 

$('#cost-inputs input').each(function() { 
    ... 
}); 

Answer 2

Попробуйте с contains селектор в JQuery

$("input[name*='cost[']").each(function(){}); 

Answer 3

Try:

var sum = 0; 
$("input[name^='cost']").each(function() { 
    sum += Number($(this).val()); 
}); 

О "начинается с Selector": [имя^= "значение"]
https://api.jquery.com/attribute-starts-with-selector/