получение значений флажков check-JavaScript

Question

получение значений флажков check-JavaScript

0

У меня есть флажки внутри формы (id = 'submit_slides_1'):

После отправки формы я хочу получить все значения отмеченных флажков:

<input type='checkbox' class='chk_selection_info_box' name='thumb_selection[]' value='" + images[i]['url'] + "'>

и в моем javascript у меня есть следующий код:

$("#submit_slides_1").submit(function(e) {
    e.preventDefault();
    var x=$("#thumb_selection").is(":checked");
    alert(x);
  }
);

Но он продолжает давать мне ложь; Я что-то упускаю?

ADDED: Пробовал, но он также говорит: "undefined":

$(".chk_selection_info_box:checked").each(function(i,l)
{
    alert(l.value);
});

Если вам нужно больше разъяснений, сообщите мне, какая часть вам нужна для уточнения!

благодаря

user385729 11 нояб. 2013, в 22:53

Источник

0

покажи нам свой полный HTML
Krishna 11 нояб. 2013, в 21:07
1

Вы говорите, что form имеет name 'submit_slides_1' , но вы выбираете form с id "#submit_slides_1" . Это очевидно, но не обязательно правильно; пожалуйста: покажите свой HTML, не описывайте его у нас.
David Thomas 11 нояб. 2013, в 21:07
0

@ Дэвид: Нет, они 'submit_slides_1'; моя вина! все еще не работает!
user385729 11 нояб. 2013, в 21:11
0

Я думаю, что вам нужно $('[name="thumb_selection[]"]:checked').map(function(){return this.value}); вернет массив значений отмеченных флажков
PSL 11 нояб. 2013, в 21:13
0

.is() возвращает логическое значение, представляющее, является ли условие истинным или ложным. Переместите псевдокласс :checked к вашему селектору $('#thumb_selection:checked')
War10ck 11 нояб. 2013, в 21:14
0

Если вы не возражаете, не могли бы вы, пожалуйста, ваше полное решение?
user385729 11 нояб. 2013, в 21:29
0

Вау минус оценка? Я хотел бы выяснить, почему я получил минус счет!?! Weird!
user385729 11 нояб. 2013, в 23:20

Показать ещё 5 комментариев

Теги:

javascript

jquery

3 ответа

1

Если все они имеют класс .chk_selection_info_box, выберите эти элементы с помощью :checked selector и .map() значения в коллекции и преобразуйте его в .toArray().

var values = $(".chk_selection_info_box:checked").map(function(i, el) {
    return el.value
}).toArray();

Blue Skies 11 нояб. 2013, в 20:00

0

Вы решили мою проблему; но почему мой код не работает! У меня не было никакой информации о картах!
user385729 11 нояб. 2013, в 21:13
0

@Pasargad: метод is() возвращает boolean значение, которое сообщает вам, соответствует ли элемент селектору. .map() просто берет коллекцию и создает новую коллекцию с возвращаемыми значениями функции обратного вызова. Таким образом, мы выбрали все флажки и вернули значение .value каждого блока в новый массив.
Blue Skies 11 нояб. 2013, в 21:15
0

Это имеет смысл для меня сейчас; Не могли бы вы, пожалуйста, дайте мне знать решение с каждой петлей! Я думаю, это тоже должно сработать, но, видимо, не так: $ ("# thumb_selection: флажок"). Each (function () {alert ($ this.val ());});
user385729 11 нояб. 2013, в 21:26
0

Прошу прощения, что сообщил вам о вашем решении, просто верните последний выбранный чечбокс!
user385729 11 нояб. 2013, в 21:31
0

@Pasargad: Нет, это не так. Он вернет все значения для всех отмеченных флажков с этим классом. Все ли ваши коробки имеют этот класс? Код в вашем комментарии выше вернет только один результат, потому что у вас может быть только один идентификатор на странице. Ответ, который вы приняли, использует тот же селектор, который я использую, но я показал, как получить значения.
Blue Skies 11 нояб. 2013, в 23:00

Показать ещё 3 комментария

-2

Попробуйте этот помощник

var x = $(".chk_selection_info_box").prop('checked');

heymega 11 нояб. 2013, в 19:29

Ещё вопросы

Вы говорите, что form имеет name 'submit_slides_1' , но вы выбираете form с id "#submit_slides_1" . Это очевидно, но не обязательно правильно; пожалуйста: покажите свой HTML, не описывайте его у нас.
@ Дэвид: Нет, они 'submit_slides_1'; моя вина! все еще не работает!
Я думаю, что вам нужно $('[name="thumb_selection[]"]:checked').map(function(){return this.value}); вернет массив значений отмеченных флажков
.is() возвращает логическое значение, представляющее, является ли условие истинным или ложным. Переместите псевдокласс :checked к вашему селектору $('#thumb_selection:checked')
Если вы не возражаете, не могли бы вы, пожалуйста, ваше полное решение?
Вау минус оценка? Я хотел бы выяснить, почему я получил минус счет!?! Weird!
Вы решили мою проблему; но почему мой код не работает! У меня не было никакой информации о картах!
@Pasargad: метод is() возвращает boolean значение, которое сообщает вам, соответствует ли элемент селектору. .map() просто берет коллекцию и создает новую коллекцию с возвращаемыми значениями функции обратного вызова. Таким образом, мы выбрали все флажки и вернули значение .value каждого блока в новый массив.
Это имеет смысл для меня сейчас; Не могли бы вы, пожалуйста, дайте мне знать решение с каждой петлей! Я думаю, это тоже должно сработать, но, видимо, не так: $ ("# thumb_selection: флажок"). Each (function () {alert ($ this.val ());});
Прошу прощения, что сообщил вам о вашем решении, просто верните последний выбранный чечбокс!
@Pasargad: Нет, это не так. Он вернет все значения для всех отмеченных флажков с этим классом. Все ли ваши коробки имеют этот класс? Код в вашем комментарии выше вернет только один результат, потому что у вас может быть только один идентификатор на странице. Ответ, который вы приняли, использует тот же селектор, который я использую, но я показал, как получить значения.

epascarello · Accepted Answer · 2013-11-11T19-04-00.000Z

Нет элемента с этим id. Это будет то, чего вам не хватает. Добавьте идентификатор.

НО ваш код предполагает, что у вас есть несколько флажков, если это так, установка идентификатора не будет работать, и использование класса не будет работать, поскольку() будет работать только с первого элемента.

var checkedElements = $(".chk_selection_info_box:checked");

Вам, чем нужно использовать .serialize(), .map() или .each() чтобы получить все значения.

Использование идентификатора не будет работать, если она хочет проверить статус из нескольких флажков.
это правда: несколько флажков: даже следующий код не работает: $ (". chk_selection_info_box: флажок"). each (function () {alert ($ this.val ());}); говорит это неопределенное? Почему?