如何使用JQuery迭代枚举的复选框

如何迭代枚举检查列表(复选框)使用JQuery?

你好，我有以下检查表(包含两个复选框，其中有两个不同的电子邮件地址):

<div id="emailCheckListId" class="checkList">
 <ul id="emailCheckListId_ul">
    <li>
        <label for="mycomponent.emailCheckList_0" class="checkListLabel">
            <input type="checkbox"  
                   value="johndoe1@example.com" 
                   id="mycomponent.emailCheckList_0" 
                   name="mycomponent.emailCheckList"/>
                   johndoe1@example.com
        </label>
    </li>
    <li>
        <label for="mycomponent.emailCheckList_1" class="checkListLabel">
            <input type="checkbox"  
                   value="johndoe2@example.com" 
                   id="mycomponent.emailCheckList_1" 
                   name="mycomponent.emailCheckList"/> 
                   johndoe2@example.com
        </label>
    </li>
</ul>

我可以使用JavaScript事件监听器填充/删除文本字段，每次用户点击一个单独的复选框使用:

// Event listener which picks individual contacts
// and populates input field.
$('#emailCheckListId_ul input:checkbox').change(function() {
     // Declare array
     var emails = [];
     // Iterate through each array and put email addresses into array
     $('#emailCheckListId_ul input:checkbox:checked').each(function() {
         emails.push($(this).val());
     });
     // Assign variable as To: text field by obtaining element's id.
     var textField = document.getElementById("mycomponent.textfield");
     // Add / Remove array from text field
     textField.value = emails;
 });

然而，我现在有一个枚举检查列表…只需要追加/连接索引号(我存储在一个隐藏的字段，总是可以获得正确的一个)，但似乎不知道如何传入第二个迭代器的input:checkbox:checked。

检查列表的HTML源代码:

 <div id="mycomponent.comment0.replyToRecipientsCheckList" 
      class="checkList" 
      onclick="selectIndividualRecipients()">
      <ul id="mycomponentcomment0.replyToRecipientsCheckList_ul">
          <li>
            <label for="mycomponent.comment0.replyToRecipientsCheckList_0" 
                 class="checkListLabel">
               <input type="checkbox"  
                      value="johndoe1@example.com" 
                      id="mycomponent.comment0.replyToRecipientsCheckList_0" 
                      name="mycomponent.comment0.replyToRecipientsCheckList"/>
                      johndoe1@example.com
            </label>
    </li>
    <li>
        <label for="mycomponent.comment0.replyToRecipientsCheckList_1" 
               class="checkListLabel">
               <input type="checkbox"  
                      value="johndoe2@example.com" 
                      id="mycomponent.comment0.replyToRecipientsCheckList_1" 
                      name="mycomponent.comment0.replyToRecipientsCheckList"/> 
                      johndoe2@example.com
        </label>
    </li>
 </ul>
</div>

// Uses an event listener which picks individual contacts
// and populates input field.
function selectIndividualRecipients() {
    var checkListPrefix = 'mycomponent.comment';    
    var index = document.getElementById("commentHiddenField").value;
    var checkListPostfix = '.replyToRecipientsCheckList_ul';
    var event =  checkListPrefix + index + checkListPostfix;
    
    $(event).change(function() {
         // Declare array
         var emails = [];
         // Iterate through each array and put email addresses into array
    
         // THIS DOESN'T SEEM TO BE WORKING:
         var test = '#' + event.attr('id') + 'input:check:checked';
         $(test).each(function() {
         alert('inside iterator');
         alert('this.val: ' + $(this).val());
         emails.push($(this).val());
         alert('emails = ' + emails);
    });
    // Assign variable to Reply To: text field by obtaining element's id.
    var textField = document.getElementById(indexedReplyTextField);
    // Add / Remove array from text field
    textField.value = emails;
}

浏览器说($test).each()抛出一个未被捕获的异常，这是不允许的…

我可能做错了什么?