如何设置单个复选框来切换/取消切换其他复选框

设置一个对话框(包含两个div):

(1)一个标签，它包含一个单独的复选框，标记为Select All。

<div class="div01">
    <div class="notRequiredPrefix"></div>
        <input type="checkbox" 
                           name="root.module.emailCheckBox" 
                           id="selectAllEmailsId" 
                           onclick="selectAllEmails(this)"/>
        <label for="selectAllEmailsId">Select All</label>
        <div class="notRequiredSuffix"></div>
    </div>
</div>

(2)包含对一堆复选框(包含电子邮件地址)的引用的A。

<div id="emailCheckListId" class="checkList">
     <ul id="emailCheckListId_ul">
         <li>
             <label for="root.module.emailCheckList_0" class="checkListLabel">
             <input type="checkbox"  
                          value="johndoe@aol.com" 
                          id="root.module.emailCheckList_0"            
                          name="root.module.emailCheckList"/>
                johndoe@aol.com
            </label>
        </li>
        <li>
              <label for="root.module.emailCheckList_1" class="checkListLabel">
              <input type="checkbox"  
                     value="janedoe@aol.com"       
                     id="root.module.emailCheckList_1" 
                     name="root.module.emailCheckList"/>
                janedoe@aol.com
            </label>
        </li>
    </ul>
</div>

JavaScript代码:

function selectAllEmails(field) {
    if (field.checked) {
        // Declare array
        var emails = [];
        // Iterate through each array and put email addresses into array
        $('#emailCheckListId_ul input:checkbox').each(function() {
            alert($(this));
            // Set all checkboxes to true and 
            // make them checked how to do that here?
            emails.push($(this).val());
        });
        // Assign variable as To: text field by obtaining element's id.
        var textField = document.getElementById("root.module.email");
        // Add / Remove array from text field
        textField.value = emails;
    } else if (!field.checked){
        // How to remove any possible check boxes that are checked
        // and remove them from text field
    }
}

实际情况是，当我点击Select All复选框时，它会用所有的电子邮件地址填充我的To:文本字段。

但是，属于emailCheckListId_ul中的复选框被选中。

如何设置它，以便如果我单击Select All，则填充所有复选框，当我取消选中Select All时，将从复选框中删除所有复选框，并从To:文本字段中删除电子邮件地址?

感谢您花时间阅读这篇文章