jQuery.each не работает

Question

У меня довольно странная ситуация, когда я пытаюсь перебирать флажки с помощью each. Проблема в том, что она не хочет идти в цикле.

Просьба сообщить, почему?

Это функция

function AddTheProduct() { 
    var txtTopicsGuids = ""; 

    var checkedTopics = document.getElementsByName("chkRelatedTopics"); 
    $(checkedTopics).each(function() { 
     if ($(this).is(":checked")) { 
      //action 
     } 
    }); 

и разметка

{{each Items}} 
    <tr> 
     <td> 
      <input type='hidden' name='hidTopicsDomain' value='${DomainObjectKey}'/> 
      <input type='checkbox' name='chkRelatedTopics' value='${subject}'/> 
     </td> 
    </tr> 
{{/each}} 

Answer 1

Ваш код javascript должен работать. Я думаю, что проблема не имеет ничего общего с методом $.each, но с чем-то другим.

Here is a simplified example вашего кода Я воссоздал в jsFiddle.

Либо проблема в вашем шаблоне, либо где-то еще. Кроме того, примите во внимание рекомендации, приведенные в других ответах с точки зрения передового опыта, прежде всего используйте соответствующие селекторы вместо getElementsByName и затем оберните их в объект jQuery.

Answer 2

Используйте это:

function AddTheProduct() { 
    var txtTopicsGuids = ""; 
    $("input[name=chkRelatedTopics]").each(function() { 
     if ($(this).is(":checked")) { 
      //action 
     } 

    }); 
} 

Answer 3

Try:

$('input[name="chkRelatedTopics"]').each(function(){ 
if($(this).is(":checked")){ 
//do something here 
} 
});