简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Klik gelung untuk menghantar nilai antara jadual
欧阳克
欧阳克 2017-07-05 10:36:30
0
2
688

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

欧阳克
欧阳克

温故而知新，可以为师矣。 博客：www.ouyangke.com

membalas semua(2)
Ty80
Ty802017-07-05 10:38:30 Tingkat 2 
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!

Suka +0
Tambah Balasan
刘奇
刘奇2017-07-05 10:38:30 Tingkat 1

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.

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！