復選框在編輯頁面中不起作用

Question

“全選”復選框在初始時運行良好。 步驟：1.考慮我選中一些復選框或選中所有復選框，然后保存表單。2.編輯保存的表單顯示未選中任何內容。 它顯示與初始階段一樣的復選框。 什么都沒保存。

使用Javascript

<%= check_box_tag "box_select_all" %>

<%= check_box_tag "box_id[]", box.id, false, class: 'box_select' %>

jQuery的

$('body').delegate('#box_select_all', 'click', function() {
  $('.box_select').prop('checked', this.checked);
});


$('body').delegate('.box_select', 'click', function() {
  if ($(".box_select").length == $(".box_select:checked").length) {
    $("#box_select_all").prop("checked", "checked");
  } else {
  $("#box_select_all").prop("checked", false);
  }
});

有誰能夠幫助我？？

Answer 1

為什么要在主體上委派該函數，當您單擊復選框時，將調用該函數。 這樣稱呼它：

$("#box_select_all").click(function() {
  $(".box_select").prop('checked', this.checked);
});

$(".box_select").click(function() {
  if ($(".box_select").length == $(".box_select:checked").length) {
    $("#box_select_all").prop("checked", "checked");
  } 
  else {
  $("#box_select_all").prop("checked", false);
  }
});

希望它能工作。

Answer 2

$("#select_all").click(function){
   $(".select_class").attr("checked",true);

});

這意味着您只需將相同的類添加到所有復選框，然后在其onclick函數的所有復選框的選擇框中執行此代碼即可。 運氣好