简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – Klicken Sie auf eine Schleife, um Werte zwischen Tabellen zu übergeben
欧阳克
欧阳克 2017-07-05 10:36:30
0
2
692

Jetzt gibt es zwei Tabellen, Tabelle1 und Tabelle2. Klicken Sie im Initialisierungsstatus auf das Kontrollkästchen. Die Daten werden in Tabelle2 übertragen und die Daten von Tabelle1 werden gelöscht Klicken Sie auf das Kontrollkästchen von Tabelle2, die Daten werden erneut an Tabelle1 übertragen.

Die Darstellung ist wie folgt:

Ich kann Daten von Tabelle1 an Tabelle2 übergeben, der Code lautet wie folgt

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

Diese Methode wird jetzt hauptsächlich verwendet. Wenn das Kontrollkästchen in Tabelle 2 angeklickt wird, kann weder der Test noch die Anzeige in das Klickereignis eintreten ? ? Ich warte online, vielen Dank an alle

欧阳克
欧阳克

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

Antworte allen(2)
Ty80
Ty802017-07-05 10:38:30 2 Etage 
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();
})

试下（保证#table1，#table1是一开始在页面上的，不是未来元素），如果不行。代码贴出来，帮你测试下！

Wie +0
Antwort hinzufügen
刘奇
刘奇2017-07-05 10:38:30 1 Etage

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>

如果可行请采纳哦，3Q。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！