bootstrap_modal_open_one_time.html

<%= javascript_include_tag 'http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js' %>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document" >
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Duyuru</h4>
      </div>
      <div class="modal-body" >
        <!-- Body content -->
      </div>
      <div class='modal-footer'>
        <div class="checkbox pull-right">
          <label>
            <input class='modal-check' name='modal-check' type="checkbox"> Okudum
          </label>
        </div>
     </div>
    </div>
  </div>
</div>


<!-- Script -->
<script type="text/javascript" charset="utf-8">

  var my_cookie = $.cookie($('.modal-check').attr('name'));
    if (my_cookie && my_cookie == "true") {
        $(this).prop('checked', my_cookie);
        console.log('checked checkbox');
    }
    else{
        $('#myModal').appendTo("body").modal('show');
        console.log('uncheck checkbox');
    }

    $(".modal-check").change(function() {
        $.cookie($(this).attr("name"), $(this).prop('checked'), {
            path: '/',
            expires: 1
        });
    });

</script>