Pass Массив HTML элемент (ы) в JavaScript

Question

У меня есть массив флажков, как ниже,

<input type="checkbox" value="1" id="a_r_id[1]" name="a_r_id[1]"> 
<input type="checkbox" value="1" id="a_r_id[2]" name="a_r_id[2]"> 
<input type="checkbox" value="1" id="a_r_id[3]" name="a_r_id[3]"> 
<input type="checkbox" value="1" id="a_r_id[4]" name="a_r_id[4]"> 

на моей странице ... и я хочу подать только проверенную один с помощью JavaScript (JQuery AJAX) .. . Как мне это сделать ?

Редакция:

На самом деле, я хочу, чтобы получить все ключи массива на проверенном флажке, так что я могу отправить его с помощью AJAX. Что-то вроде «1,4» как строка.

Answer 1

var keys = [], 
    keystring; 
$('input[name^="a_r_id"]:checked').each(function() { 
    keys.push($(this).attr('name').replace(/a_r_id\[(\d+)\]/, '$1')); 
}); 
keystring = keys.join(); 

Конечно, есть лучшие способы сделать это, но это отвечает на ваш вопрос, как вы обрамление его.

Answer 2

Я думаю, что вы хотите сделать что-то вроде этого

<input type="checkbox" value="1" id="a_r_id_1" name="a_r_id[]"> 
<input type="checkbox" value="2" id="a_r_id_2" name="a_r_id[]"> 
<input type="checkbox" value="3" id="a_r_id_3" name="a_r_id[]"> 
<input type="checkbox" value="4" id="a_r_id_4" name="a_r_id[]"> 

Answer 3

Радио Кнопка кажется более применимо здесь, а не флажки попробовать это:

<input type="radio" name="radiogroup" value="1" id="a_r_id[1]" name="a_r_id[1]"> 
<input type="radio" name="radiogroup" value="2" id="a_r_id[2]" name="a_r_id[2]"> 
<input type="radio" name="radiogroup" value="3" id="a_r_id[3]" name="a_r_id[3]"> 

Вы можете получить выбранное значение с помощью

$("input:radio[name=radiogroup]").click(function() { 
var value = $(this).val(); 
// 
do something with var 
// 
}); 

Answer 4

Наконец, я нашел ответ на мой вопрос выше. Я напишу это прямо здесь.

Проблема: Как я могу получить «ключ» из элементов HTML массива? (В моем случае, проверяется только флажок я хочу получить)

мой ответ код что-то вроде этого:

//first, i get every checked checkbox using jQuery selector, 
//as mentioned by DerekHenderson. 
var list_agent = $('input[name^="a_r_id"]:checked'); 
var l_c_agent = new Array(); 
//then, i create a loop to loop each object returned. 
for(var i=0;i<list_agent.length;i++){ 
    //after that, i'm using Regular Expression (match()) on every returned object id and throw it into some array. 
    l_c_agent[i] = list_agent[i].id.match(/[0-9]+/); 
} 
//finally, i join the array using javascript join() method so that i can pass it using jQuery AJAX as a string to my controller and process it. 
var clean_agent_list = l_c_agent.join(); 
var add_url = 'test.php'; 
$.ajax({ 
    url: add_url, 
    type: "GET", 
    data : { 'list_agent' : clean_agent_list }, 
    success: function(data_return) { 
     //alert(data_return); 
    } 
}); 

выход будет что-то вроде этого (если, используя мой пример выше вопрос, и мы проверить элемент с идентификатором 1,3 и 4 только)

1,3,4 

если кто-нибудь есть лучший код, пожалуйста, напишите его здесь, так что мы можем обсуждать, что лучше решить мою проблему.

Answer 5

Метод, который вы хотите, выглядит немного назад; браузер будет подать уже только проверенные флажков, но здесь идет:

var re = /\[(\d+)\]$/, 
    numbers = []; 

$('input[name^="a_r_id\\["]:checked').each(function() { 
    numbers.push(+this.name.match(re)[1]); 
}); 

console.log(numbers.join(',')); 

Он выбирает все установленные флажки, чье имя начинается с «a_r_id [». Затем регулярное выражение используется для извлечения числовой части между квадратными скобками и добавления в список значений.