Как получить выбранные значения всех radio элементов?

[Dimaz]

Всем привет. Подскажите пожалуйста, как можно получить значения value всех выбранных input radio.

<input type="radio" class="server" name="dimaz" value="1">раз<Br>
<input type="radio" class="server" name="dimaz" value="2">два<Br>
<input type="radio" class="server" name="dimaz" value="3">три<Br>
<input type="radio" class="server" name="dimaz2" value="1">четыре<Br>
<input type="radio" class="server" name="dimaz2" value="2">пять<Br>
<input type="radio" class="server" name="dimaz2" value="3">шесть<Br>
<b>нажать</b>

Пробовал искать по классу, но получаю значение только первого найденного на странице элемента. Как получить значения всех элементов?

[moron]

Если в стиле плохого программирования, то как-то так: http://jsfiddle.net/NTYf9/

[Great Rash]

Используете нативный JS или jQuery?

[Dimaz]

Я пользуюсь jQuery. А почему в стиле плохого программирования? Я вот так сделал:

$('b').click(function(){
    console.time('test');
    var arr = [];
    var x = $('input:radio[class=server]:checked');
    for(var i = 0; i<x.length; i++){
        arr[i] = $('input:radio[name=dimaz'+i+']:checked').val();
    }
$('b').html(arr);
    console.timeEnd('test');
        });?

C помощью метода serialize() вот так:

$('b').click(function(){
    console.time('test');
    var x = $(':radio[class=server]').serialize();

$('b').html(x);
    console.timeEnd('test');
        });?

Первый выводит только value: 13212

А второй, то бишь с serialize() выводит: dimaz0=2&dimaz1=1&dimaz2=3&dimaz3=2&dimaz4=1

Второй вариант меня не устраивает, так как мне нужно сохранить эти значения в базу данных. Мне нужны только числа, как я сделал в первом примере. Но serialize() работает на несколько миллисекунд быстрее. Так то ерунда, но если элементов будет много. Почему так? Вот ссылка на оба примера http://jsfiddle.net/tE4UG/

[moron]

А почему в стиле плохого программирования?

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

работает на несколько миллисекунд быстрее

Мой нативный будет в любом случае быстрее

Edited December 14, 2012 by moron

[wwt]

Напишите свою функцию поиска элементов по классу.

Есть нативный метод getElementsByClassName , но он не кроссбраузерный.

Но и написать свой не трудно.

[Dimaz]

Напишите свою функцию поиска элементов по классу.

Есть нативный метод getElementsByClassName , но он не кроссбраузерный.

Но и написать свой не трудно.

Так я как раз таки по классу и ищу.

$('b').click(function(){
    var arr = [];
    var x = $('input:radio[class=server]:checked');
    for(var i = 0; i<x.length; i++){
        arr[i] = $('input:radio[name=dimaz'+i+']:checked').val();
    }
$('b').html(arr);
        });?

Выводит 23112 в браузер. А в базу почему то так записывает 2,3,1,1,2

Edited December 14, 2012 by Dimaz

[moron]

Выводит 23112 в браузер. А в базу почему то так записывает 2,3,1,1,2

Элементы массива обычно разделяются запятыми, реализация jquery .html с этим не согласена, попробуйте использовать метод join('') и уже полученное значение передавать серверным скриптам. У вас arr - массив.

$('b').click(function(){
    var arr = [];
    var x = $('input:radio[class=server]:checked');
    for(var i = 0; i<x.length; i++){
        arr[i] = $('input:radio[name=dimaz'+i+']:checked').val();
    }
var stringArr = arr.join(''); // теперь у нас есть строка 23112
        });?

Edited December 14, 2012 by moron

[Dimaz]

Спасибо

[nerv]

moron, map

[moron]

nerv, я не знаком с фреймворками и не скрываю этого