Получить значение флажка элементов в div

0

У меня есть checkbox's списка в div, который не является формой.

  <div id="priceTree">
  <div class="prices"><span class="left"><input type="checkbox" checked="checked" id="price_1"> Small </span><span class="right">5.00</span><span class="center">&nbsp;</span></div>
  <div class="prices"><span class="left"><input type="checkbox" checked="checked" id="price_2"> Medium </span><span class="right">10.00</span><span class="center">&nbsp;</span></div>
  <div class="prices"><span class="left"><input type="checkbox" checked="checked" id="price_3"> Large </span><span class="right">15.00</span><span class="center">&nbsp;</span></div>
  </div>

Этот список имеет введенные элементы, поэтому может не всегда быть 3. Как я могу получить идентификатор только для отмеченных флажков?

Теги:

5 ответов

5

Вот ванильное JavaScript-решение:

var checkedCbs = document.querySelectorAll('#priceTree input[type="checkbox"]:checked');
var ids = [];
for (var i = 0; i < checkedCbs.length; i++) ids.push(checkedCbs[i].id);
//return ids;

демонстрация

1

Если вам нужен массив идентификаторов проверенных элементов, используйте:

var result = $('#priceTree input:checked').map(function() {
  return this.id;
}).get();

РАБОЧАЯ ДЕМО.

1

Попробуй это

$("#priceTree input:checked").each(function(){
   console.log(this.id); 
});

демонстрация

1
$('input[type=checkbox]:checked').attr('id');

Для итерации по всем флажкам используйте каждый:

$('input[type=checkbox]:checked').each(function(){
       console.log($(this).attr('id'));
    });

Или,

$('#priceTree :checked').each(function(){
           console.log($(this).attr('id'));
        });
  • 0
    Я думаю, что OP ищет способ получить идентификаторы всех отмеченных флажков.
  • 0
    Это установит флажки в true, а затем получит идентификатор и получит идентификатор первого
Показать ещё 1 комментарий
0

Чтобы проверить идентификаторы всех #priceTree в #priceTree div:

$('#priceTree input:checked').each(function(){
   alert($(this).attr('id'));
})

Ещё вопросы

Сообщество Overcoder
Наверх
Меню