행의 확인란을 자동으로 선택하십시오.

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 이벤트에 바인딩하고 check = 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'); 
    } 
}); 

기본적으로 append에서 HTML을 사용해서는 안되며 jQuery로 객체를 구현해야한다.