javascript - チェックボックスのオンクリックでイベントリスナーを削除する方法と、デフォルトで選択する必要がある常にtrue

Question

<div class="add-gift-message no-display" id="add-gift-options-86">
    <h3>Do you have any gift items in your order?</h3>
    <p>
        <input type="checkbox" name="allow_gift_options" id="allow_gift_options" value="1" onclick="toogleVisibilityOnObjects(this, ['allow-gift-options-container']);" class="checkbox" />
        <label for="allow_gift_options">Add gift options</label>
    </p>
</div>
<div class="gift-message-form" id="allow-gift-options-container">

<div class="inner-box">
        <div id="add-gift-options-for-order-86" class="no-display">
        <h4>Gift Options for the Entire Order</h4>
        <p>
            <input type="checkbox" name="allow_gift_messages_for_order" id="allow_gift_options_for_order" value="1" onclick="toogleVisibilityOnObjects(this, ['allow-gift-options-for-order-container']);" class="checkbox" />
            <label for="allow_gift_options_for_order">Add gift options for the Entire Order</label>
        </p>
    </div>

id="add-gift-options-86" のチェックボックスの onclick でイベント リスナーを削除する方法、チェックボックスを選択せず​​に、id="allow_gift_options_for_order" のこの他のチェックボックスに応じて選択する必要があります。デフォルトで選択する必要があります。