复选框在编辑页中不起作用

check box is not working in edit page

本文关键字：不起作用 编辑 复选框      更新时间：2023-09-26

全选复选框在初始时运行良好。步骤：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);
  }
});

有人能帮我吗？？

为什么要在body上委托该函数，当您单击复选框时，函数将被调用。这样称呼它：

$("#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);
  }
});

希望它能起作用。

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

这意味着您只需将相同的类添加到所有复选框中，并在其onclick函数的select box all复选框中执行此代码。好运

相关文章：