Получить значение checkbox javascript

Question

У меня есть массив флажков (для использования с php), bu Я хочу использовать ajax, чтобы сделать что-то с этими значениями из флажка, я хочу получить значение из каждого флажка и сделать запрос ajax.

У меня есть это:

$("#checked").each(function(i, val){ 
       var k = $(i).value(); 
       console.log(k); 
      }); 

, но не успех.

HTML:

<input id="checado" type="checkbox" name="ids[]" value="78"> 
<input id="checado" type="checkbox" name="ids[]" value="79"> 
<input id="checado" type="checkbox" name="ids[]" value="80"> 
<input id="checado" type="checkbox" name="ids[]" value="81"> 

Answer 1

С небольшим изменением в вашем HTML, вы можете использовать следующий JavaScript (demo):

<input class="checado" type="checkbox" name="ids[]" value="78"> 78<br/> 
<input class="checado" type="checkbox" name="ids[]" value="79"> 79<br/> 
<input class="checado" type="checkbox" name="ids[]" value="80"> 80<br/> 
<input class="checado" type="checkbox" name="ids[]" value="81"> 81<br/> 
<button id='Submit'>Submit</button> 
<script> 
    $('#Submit').on('click', function() { 
    var values = [] 
    $('.checado:checked').each(function() { 
     var e = $(this); 
     values.push(e.val()); 
    }); 
    alert(values); 
    }); 
</script> 

Для более подробного анализа того, что происходит, флажки есть извлеченная состояние и значение. селектор jQuery $('.checado:checked') вернет только отмеченные флажки (вы должны использовать class, когда у вас есть несколько элементов и id, только когда вы идентифицируете один элемент, браузеры и CSS могут казаться ленивыми, но неправильное использование даст непредсказуемые результаты). Другое изменение заключается в том, чтобы захватить значения с помощью метода jQuery .val(), который помогает скрыть тип ввода и конкретные значения параметров браузера.

Answer 2

Вы используете JQuery, который использует его собственный .val() метод. Заменить .value() на .val().