Question

我正在使用jqgrid，每当我选中一个复选框时，该行都是可编辑的，但我有两个问题：

编辑行后，仍然选中了复选框，但我想在输入并保存行时取消选中该复选框。
我想一次点击一个复选框

这是我的代码

dataGrid.prototype = {

  display: function() {
    var self = this;
    var html = [];
    var check = 0;
    var lastSelection;
    html.push("<table id='" + this.id + "" + "'class='table'>\n</table>");
    html.push("<div id='pagger_" + this.id + "'></div>");
    $('body').append(html.join(""));
    $("#" + this.id).jqGrid({
      url: "index.jsp",
      styleUI: 'Bootstrap',
      .....
      loadComplete: function() {
        $("#" + this.id).on("click", "input[type=checkbox]", function(e) {
          var $this = $(this); //this is the checkbox
          var rowid = $this.parents('tr').attr('id');
          self.editRow(rowid);

        });
      }


    });
  },

  .....

  editRow: function(id) {
    var lastSelection;
    if (id && id !== lastSelection) {
      $("#" + this.id).jqGrid('restoreRow', lastSelection);
      $("#" + this.id).jqGrid('editRow', id, {
        keys: true,
        focusField: 1
      });
      lastSelection = id;
    }
  }

};

Answer 1

如果您只有（1）复选框，则可以在保存功能之后添加$('#your_checkbox').prop('checked',false);之类的内容。或者，如果您有多个复选框，则可以添加类似$('#your_form input').prop('checked',false);的内容。

Answer 2

在“保存”按钮中，如果要取消选中单个复选框$（“＃checkbox_Id”），请单击“放置”。attr（“checked”，false）。如果您将使用multiplecheckbox，请使用复选框类取消选中所有复选框 $（ “checkbox_class ”）。ATTR（“ 选中”，假）

保存一行后取消选中该复选框

2 个答案: