sx-fc/app/views/settings/menus/_form.html.erb

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
      <div class="body">
        <%= simple_form_for([:settings,@settings_menu]) do |f| %>
        <%= f.error_notification %>

        <div class="form-inputs p-l-25">
          <%= f.input :name,:input_html=>{:class=>"col-md-9"} %>
          <%= f.input :is_active,:input_html=>{:class=>"col-md-9"}, as: :boolean %>
          <%= f.input :is_ordering,:input_html=>{:class=>"col-md-9"}, as: :boolean %>
          <div class="row checkboxes ">
                 <div class="col-md-2">
                  <label class="control-label"><abbr title="required">*</abbr> Valid Day</label>
                </div>
                <%= f.hidden_field :valid_days, :class => "form-control", :id => "valid_day" %>
                <div class="col-md-9">
                  <label><input class="selectDay" type="checkbox" name="Sunday" value="0" id="0"> Sun</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Monday" value="1" id="1">Mon</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Tuesday" value="2" id="2"> Tue</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Wednesday" value="3" id="3"> Wed</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Thursday" value="4" id="4"> Thu</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Friday" value="5" id="5"> Fri</label> &nbsp;&nbsp;
                  <label><input class="selectDay" type="checkbox" name="Saturday" value="6" id="6"> Sat</label>
                </div>
              </div>
          <div class="col-md-9 form-group">
            <label>* Valid Time From</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="material-icons">date_range</i>
              </span>
              <% if !@settings_menu.valid_time_from.nil?%>
              <input type="text" name="menu[valid_time_from]" value="<%= @settings_menu.valid_time_from.strftime('%H:%M') %>" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% else %>
                  <input type="text" name="menu[valid_time_from]" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% end %>
            </div>
          </div>
          <div class="col-md-9 form-group">
            <label>* Valid Time To</label>
            <div class="input-group">
              <span class="input-group-addon">
                <i class="material-icons">date_range</i>
              </span>
              <% if !@settings_menu.valid_time_to.nil?%>
              <input type="text" name="menu[valid_time_to]" value="<%= @settings_menu.valid_time_to.strftime('%H:%M') %>" class="timepicker form-control col-md-8" placeholder="Start Time...">
              <% else %>
                  <input type="text" name="menu[valid_time_to]" class="timepicker form-control col-md-8" placeholder="End Time...">
              <% end %>
            </div>
          </div>
          
        </div>

        <div class="form-actions p-l-20">
          <%= f.submit "Submit",:class => 'btn btn-primary btn-lg waves-effect' %>
        </div>
        <% end %>
      </div>
    </div>  
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    <div class="card">
      <div class="body">
        <h5><i class="material-icons md-18">view_headline <%= t("views.right_panel.header.page_detail") %></i></h5>
        <p>
        1) <%= t("views.right_panel.detail.name") %> - <%= t("views.right_panel.detail.write_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <%= t("views.right_panel.detail.name_txt2") %><br>
        2) <%= t("views.right_panel.detail.is_active") %> - <%= t("views.right_panel.detail.checkbox") %> <%= t("views.right_panel.detail.for") %> <%= t("views.right_panel.detail.is_active_txt") %><br>
        3) <%= t("views.right_panel.detail.valid_days") %> - <%= t("views.right_panel.detail.write_txt") %> <%= t("views.right_panel.detail.valid_days_txt") %> <br>
        4) <%= t("views.right_panel.detail.valid_from") %> - <%= t("views.right_panel.detail.select_txt") %> <%= t("views.right_panel.detail.valid_from_txt") %><br>
        5) <%= t("views.right_panel.detail.valid_to") %> - <%= t("views.right_panel.detail.select_txt") %> <%= t("views.right_panel.detail.valid_to_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.button_lists") %></i> </h5>
        <p>
        1) <%= t("views.right_panel.button.submit") %> - <%= t("views.right_panel.detail.submit_btn_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
        </p>
        <h5><i class="material-icons md-18">list <%= t("views.right_panel.header.link_lists") %></i> </h5>
        <p>
          1) <%= t("views.right_panel.button.home") %> - <%= t("views.right_panel.detail.home_txt") %> <br>
          2) <%= t("views.right_panel.button.back") %> - <%= t("views.right_panel.detail.back_txt") %> <%= t("views.right_panel.detail.menu_txt") %> <br>
        </p>
      </div>
    </div>  
  </div>
</div>
<script>
  $(document).ready(function(){

    var dayy = $("#valid_day").val().replace("[","").replace("]","");
    $.each( dayy.split(","), function( i, d ) {
      $("input.selectDay[value='"+d+"']").prop( "checked", true );
    });


  $(".selectDay").click(function() {
      // debugger;
      var item_row      = $('.selectDay');
      console.log(item_row);
      check = $(item_row).prop("checked");
      var attribute_arr = [];
      $(item_row).each(function(i){
        if ($(item_row[i]).prop("checked")) {
          value = $(item_row[i]).val();
          str = value;
          attribute_arr.push(str);
        }
      });
        document.getElementById("valid_day").value = '';
        document.getElementById("valid_day").value = attribute_arr;
      });

});


</script>