jquery - ブートストラップモーダルに「今後このダイアログを表示しない」チェックボックスを追加

Question

タイトルにあるように、モーダルにチェックボックスを追加して、選択するとモーダルがポップアップしないようにしたいと思います。ページがリロードされるたびにモーダルが表示され、ユーザーが表示を停止するオプションを使用できるようにしたいと考えています。

私のモーダル：

<div id="myModal" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <div id="modalText"></div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>

そして私のjs：

<script type="text/javascript">

    $(document).ready(function () {

        $('.redBox').draggable();
        $('.blueBox').droppable({
            drop: function (event, ui) {
                var draggable = ui.draggable;
                var droppable = $(this).attr('id');
                $(this)
                $('.modal-body #modalText').append("Assign " + draggable.attr('id').substring(1, 23) + " to " + droppable + "?");
                $("#myModal").modal('show');

            }
        });
    });

</script>