Question

我正在显示表格中的表格行。每行有5列，其中一列是（可编辑的）文本框字段。

ajaxLoading(true); 
    $.post('<%=request.getContextPath()%>'+"/processServlet", postData, 
      function(data) { 
       var ctxPath='<%=request.getContextPath()%>'; 
       currentPosition = data.currentPosition; 

       var items = $("#itemsTable"); 
       items.empty(); 
       if (data.items.length == 0) { 
        items.append($('<tr><td colspan=5 style="color:red;">No items<td></tr>')); 
       } 
       ; 
       for (var i = 0; i < data.items.length; i++) { 

        editText = ""; 

        items.append($("<tr " + zebra + "><td><a href=\"javascript: deviceView('" + data.items[i].id + "')\">" + data.items[i].num + 
          "</a></td><td>" + data.items[i].itemType + 
      "</td><td><input type = 'checkbox' id = 'CheckBoxRow_' />" + data.items[i] + 
          "</td><td><input type = 'textbox' id = 'TextBoxRow_' value = '" + data.items[i].itemName +"' "/>" + 
          "</td><td>" + data.items[i].status + 
          "</td><td>" + data.items[i].date + "</td>" + 
          "<td>" + data.items[i].firmware + "<td>" + 
          "<a href=\"javascript: deleteItem('" + data.items[i].id + "')\">Delete</a>" + 
          "</tr>")); 

       ; 
       ajaxLoading(false); 
      }, "json"); 

如何在文本框中输入或修改数据并将数据保存在数据库中时自动选择复选框？

Answer 1

绑定到textbox onchange事件，并让它将复选框设置为checked = true，一旦返回一个值（并且未被选中）。

$('#itemsTable input[type="checkbox"]').change(function(e){ 
    var $cb = $(this); 
    if ($cb.is(':checked')){ 
    $cb.closest('tr').find('input[type="checkbox"][id^=CheckBoxRow_]').prop('checked','true'); 
    } 
}); 

基本上。尽管你不应该在追加中使用HTML，并且应该使用jQuery构建对象。