简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Soal Jawab  >  teks badan

javascript - Klik gelung untuk menghantar nilai antara jadual

Kini terdapat dua jadual, jadual1 dan jadual2 Dalam keadaan permulaan, terdapat data dalam jadual Klik kotak semak, data akan dipindahkan ke jadual1, dan data jadual1 akan dipadamkan klik kotak semak jadual2, data akan dipindahkan ke jadual1 semula.

Rendering adalah seperti berikut:

Saya boleh menghantar data dari jadual1 ke jadual2, kodnya adalah seperti berikut

$("#table1 input").click(function () {
    var html=$(this).parent().parent();
    $("#table2").append(html);
});
$("#table2 input").click(function () {
    var html=$(this).parent().parent();
    $("#table1").append(html);
});

Kaedah ini digunakan terutamanya. Masalahnya sekarang ialah selepas keseluruhan objek tr dilalui, apabila kotak semak dalam jadual2 diklik, objek tr tidak boleh dilalui sama ada ujian mahupun paparan memasuki acara klik ? ? Menunggu dalam talian, terima kasih semua

欧阳克欧阳克2663 hari yang lalu695

membalas semua(2)saya akan balas

  • PHP中文网

    PHP中文网2017-07-05 10:38:30

    var otable1=$('#table1'),otable2=$('#table2');
otable1.on('click','input',function(){
    var otr= $(this).parent();
    otable2.append(otr);
    otr.remove();
})

otable2.on('click','input',function(){
    var otr= $(this).closest("li");
    otable1.append(otr);
    otr.remove();
})

    Cuba (pastikan #table1, #table1 berada pada halaman pada permulaan, bukan elemen akan datang), jika ia tidak berkesan. Siarkan kod dan uji untuk anda!

    balas
    0
  • 怪我咯

    怪我咯2017-07-05 10:38:30

    DEMO

    <!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    <style>
        table {
            border: 1px solid red;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table id="table1">
        <tr>
            <td><input type='checkbox' />123123</td>
        </tr>
    </table>

    <table id="table2">
        <tr>

        </tr>
    </table>
    <script>

        $(document).on('click','#table1 input',function(){
            var html = $(this).parent();
            $("#table2").append(html);
        })

        $(document).on('click','#table2 input',function(){
            var html = $(this).parent();
            $("#table1").append(html);
        })
    </script>
</body>

</html>

    Jika boleh, sila pakai, 3Q.

    balas
    0
  • Batalbalas