для каждого типа ввода получить значение с помощью javascript

Question

Я пытаюсь получить значение типа ввода из полей ввода, которые были сгенерированы инфраструктурой веб-магазина. Я не могу изменить html. Когда я добавил поле создает это:

<input id="filter_15" type="checkbox" name="filter[]" value="15"> 
<input id="filter_16" type="checkbox" name="filter[]" value="16"> 
<input id="filter_17" type="checkbox" name="filter[]" value="17"> 

Я нашел некоторый код, который получает значение, основанное на входном идентификаторе, за исключением того, что фильтр в идентификаторах _... может измениться, и различны для каждого магазина.

любые sugestions? вот что я собрал до сих пор.

<script type="text/javascript"> 
var filter; 
function onload() { 
    filter = document.getElementById('filter'); 
} 
function show() { 
    alert(filter.value); 
} 

Answer 1

Вы были на правильном пути с .getElementById, но вы хотите вместо этого, .getElementsByName.

var els = document.getElementsByName("filter[]"); 
 

 
for (var i = 0; i < els.length; i++) 
 
    alert(els[i].value);

<input id="filter_15" type="checkbox" name="filter[]" value="15"> 
 
<input id="filter_16" type="checkbox" name="filter[]" value="16"> 
 
<input id="filter_17" type="checkbox" name="filter[]" value="17">

Answer 2

Вы можете получить входы по имени тега, то итерацию над ним.

var inputs, index, len; 

    inputs = document.getElementsByTagName('input'); 
    len = inputs.length; 

    for (index = 0; index < len; ++index) { 
     alert(inputs[index].value) 
    } 

Answer 3

С помощью document.querySelectorAll, в котором вы можете использовать любой селектор CSS с, в том числе в "attribute starts with" селектор, как input[id^="filter_"] должны получить вашу работу.

Вот демонстрационный

var inputs = document.querySelectorAll('input[id^="filter_"]'); 
 
debugger; 
 
for (i = 0; i < inputs.length; i++) { 
 
    alert(inputs[i].value) 
 
}

<input id="filter_15" type="checkbox" name="filter[]" value="15"> 
 
<input id="filter_16" type="checkbox" name="filter[]" value="16"> 
 
<input id="filter_17" type="checkbox" name="filter[]" value="17">

Answer 4

Heres раствор Jquery

$('input [id^="filter_"]').each(function(){ 
    alert($(this).val()); 
});