확인란을 복사하지 않고 한 테이블에서 다른 테이블로 행 복사

debugcn 에 게시 Dev

막 다른 골목

여기 링크 https://jsfiddle.net/Palak_js/c8kq2q5d/4/

다른 테이블에 행을 추가 할 수 있지만 기본 확인란을 선택하면 확인란이 함께 복사되는 것을 원하지 않습니다. 다른 테이블에서 확인란을 제거하고 기본적으로 확인란을 선택하고 확인란을 선택 취소하면 행이 삭제되는 방법이 있습니까?

$("#vergeTable input:checkbox.chkclass").click(function() {
  if ($(this).is(":checked")) {
    $(this).closest("tr").clone().appendTo("#vergeTable2");
  } else {
    var index = $(this).closest("tr").attr("data-index");
    var findRow = $("#vergeTable2 tr[data-index='" + index + "']");
    findRow.remove();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table class="pure-table dataTable table-bordered vergeTable rowClick" id="vergeTable" role="grid">
  <thead>
    <tr role="row">
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Navn</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Mandat</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Status</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Regnskapsplikt</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato startet</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato til</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Velg</th>
    </tr>
  </thead>
  <tbody>
    <tr data-index="1">
      <td>Alfred Psa Asker</td>
      <td>Ivareta personens interesser innenfor det personlige og økonomiske området</td>
      <td>
        Tidligere
      </td>
      <td>Ordinær</td>
      <td>10.07.2013</td>
      <td>01.10.2016</td>
      <td>
        <input type="checkbox" class="chkclass" />
      </td>
    </tr>

    <tr data-index="2">
      <td>Testfirst Testlast</td>
      <td>Ivareta personens interesser innenfor det personlige og økonomiske området</td>
      <td>
        Nåværende
      </td>
      <td>Ordinær</td>
      <td>05.12.2016</td>
      <td></td>
      <td>
        <input type="checkbox" class="chkclass" />
      </td>
    </tr>
  </tbody>
</table>

<br>-----
<br>

<table class="pure-table dataTable table-bordered selectedVergeTable rowClick" id="vergeTable2" role="grid">
  <thead>
    <tr role="row">
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Navn</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Mandat</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Status</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Regnskapsplikt</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato startet</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato til</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

Satpal

change대신 이벤트를 바인딩 click해야하며 복제 개체에서 제거해야합니다. change()또는 trigger('change')페이지로드시 이벤트 핸들러를 트리거하는 데 사용할 수 있습니다.

//Bind change event
$("#vergeTable input:checkbox.chkclass").change(function() {
    if (this.checked) {
        //Cache cloned object in a variable
        var clone = $(this).closest("tr").clone();
        //Remove checkbox
        clone.find(':checkbox').remove()
            //Append it
        clone.appendTo("#vergeTable2");
    } else {
        var index = $(this).closest("tr").attr("data-index");
        var findRow = $("#vergeTable2 tr[data-index='" + index + "']");
        findRow.remove();
    }
})
.change(); //<==== Trigger on page load

$("#vergeTable input:checkbox.chkclass").change(function() {
  if (this.checked) {
    //Cache cloned object in a variable
    var clone = $(this).closest("tr").clone();
    //Remove checkbox
    clone.find(':checkbox').remove()
      //Append it
    clone.appendTo("#vergeTable2");
  } else {
    var index = $(this).closest("tr").attr("data-index");
    var findRow = $("#vergeTable2 tr[data-index='" + index + "']");
    findRow.remove();
  }
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table class="pure-table dataTable table-bordered vergeTable rowClick" id="vergeTable" role="grid">
  <thead>
    <tr role="row">
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Navn</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Mandat</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Status</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Regnskapsplikt</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato startet</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato til</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Velg</th>
    </tr>
  </thead>
  <tbody>
    <tr data-index="1">
      <td>Alfred Psa Asker</td>
      <td>Ivareta personens interesser innenfor det personlige og økonomiske området</td>
      <td>
        Tidligere
      </td>
      <td>Ordinær</td>
      <td>10.07.2013</td>
      <td>01.10.2016</td>
      <td>
        <input type="checkbox" class="chkclass" checked />
      </td>
    </tr>

    <tr data-index="2">
      <td>Testfirst Testlast</td>
      <td>Ivareta personens interesser innenfor det personlige og økonomiske området</td>
      <td>
        Nåværende
      </td>
      <td>Ordinær</td>
      <td>05.12.2016</td>
      <td></td>
      <td>
        <input type="checkbox" class="chkclass" />
      </td>
    </tr>
  </tbody>
</table>

<br>-----
<br>

<table class="pure-table dataTable table-bordered selectedVergeTable rowClick" id="vergeTable2" role="grid">
  <thead>
    <tr role="row">
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Navn</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Mandat</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Status</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Regnskapsplikt</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato startet</th>
      <th align="left" class="sorting_disabled" rowspan="1" colspan="1">Dato til</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

업데이트 된 바이올린

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-15

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

확인란을 복사하지 않고 한 테이블에서 다른 테이블로 행 복사

확인란을 복사하지 않고 한 테이블에서 다른 테이블로 행 복사

SQL에서 한 테이블에서 다른 테이블로 행 복사

확인란은 한 테이블의 세부 정보를 다른 Javascript PHP Ajax로 복사하지 않습니다.

한 테이블에서 다른 테이블로 행을 삽입하지만 중복이없는 행만 삽입

Jquery-한 테이블에서 다른 테이블로 행 복사

한 테이블에서 다른 테이블로 체크 된 행 복사

반복하지 않고 Sqlite의 동일한 테이블에서 직렬을 사용하여 특정 행의 복사본을 만듭니다.

한 테이블에서 다른 테이블로 특정 열을 복사하고 소스 테이블 이름을 포함합니다.

테이블에서 다른 행으로 한 행을 복사하고 동일한 쿼리에 한 열의 값을 삽입합니다.

pgadmin을 사용하여 한 테이블에서 동일한 데이터베이스의 다른 테이블로 데이터 행 복사

카산드라에서 한 테이블을 다른 테이블로 복사

특정 데이터 행을 기반으로 한 데이터 테이블에서 다른 데이터 테이블로 특정 행을 복사하는 방법

테이블에서 다른 테이블로 행 복사

MySQL-한 테이블에서 다른 테이블로 행을 이동하지만 새 ID 사용

한 테이블에서 다른 테이블로 열 복사

TTL을 사용하여 한 Cassandra 테이블에서 다른 테이블로 데이터 복사

테이블에 새 행을 삽입하지만 테이블의 다른 행에서 데이터 복사

편집 가능한 텍스트 상자에서 한 테이블에서 다른 테이블로 행 복사

한 테이블에서 다른 테이블로 데이터 복사를위한 쿼리 실행

mysql에서 조인을 사용하여 한 테이블에서 한 행을 선택하고 다른 테이블에서 여러 행을 선택하는 방법,

SQL : 고정 값의 추가 열을 추가하면서 한 테이블에서 다른 테이블로 데이터 복사

iOS : 선택한 행을 테이블에서 배열로 복사 :

트리거가 호출 될 때 한 테이블에서 다른 테이블로 행 복사

PHP 및 MySQL의 한 테이블에서 다른 테이블로 특정 행만 복사

사용자가 로그인하지 않았고 다른 테이블 행의 일부가 아닌 테이블에서 사용자를 선택하십시오.

Mysql 트리거, 한 테이블의 모든 행을 다른 테이블로 복사

Proc SQL : 한 테이블의 단일 행을 다른 테이블의 모든 행에 복사

2 개의 다른 값이있는 행을 동일한 테이블에 복사

SQL : 항목이 한 테이블에 다른 테이블에 존재하는지 확인하고 중복 제거

한 테이블에서 값을 찾고 join / awk를 사용하여 다른 테이블로 출력