значение Take для каждого флажка если флажок установлен Javascript

Question

Я все еще учусь JavaScript, я думаю, что это эз вопрос, но я не могу это исправить с моим опытом (уже пытаются найти какой-то источник), это мой код

Этот является примером:

PHP

<?php 
    <input type="checkbox" checked="checked" value="1" class="box_1">1</label> // checked 
    <input type="checkbox" value="2" class="box_1">2</label> //unchecked 
    <input type="checkbox" checked="checked" value="3" class="box_1">3</label> // checked 
    <input type="checkbox" value="4" class="box_1">4</label> //unchecked 
    <input type="checkbox" checked="checked" value="5" class="box_1">5</label> // checked 

<input type="button" value="Submit" id="button-price" class="button" /> 
?> 

стараюсь флажок с Javasript классом, (я не могу использовать по имени & идентификатором, потому что я использую зацикливание)

Я пытаюсь создать условия, как этот Javascript:

$('#button-price').bind('click', function() { 
    var box = ''; 
    $(".box_1").each(function(){  // for each checkbox in class box_1(1-5) 
     if(this).attr("checked","true"){ // if this checked box is true 
      var value = (this.value).toLowerCase(); // take the value 
      box = box + value; // store to box 
     } 
    }); 
}); 

при нажатии кнопки нажмите затем принять value и магазин боксировать, Я знаю, что ошибки здесь if(this).attr("checked","true"){ , что это должно быть писать условие?

Answer 1

Вы можете использовать метод JQuery .prop() проверить состояние флажка:

if ($(this).prop("checked")) { // if this checked box is true 
    box += $(this).val().toLowerCase(); // store to box 
} 

Suggestion: (this.value).toLowerCase() будет работать, но постарайтесь не перепутать JQuery код с чистым JavaScript. Вместо этого вы можете использовать вышеприведенное решение.

Answer 2

Попробуйте использовать подпорку вместо ATTR

if($(this).prop('checked')) { 
} 

Надеется, что это помогает.