Question

我的桌子像表格1 第1栏专栏2 专栏3 表2 第1栏专栏2 专栏3 在“列”中有复选框的地方，我要检查多个列并将所有选中的列拖放到其他可拖动区域。输出应该是表2.列1 表2.列2 在上述情况下，将检查Column1和Column2。

我只能对一列进行操作。

<script>
        $(document).ready(function(){

            $("#tableOne").accordion();
            $("#tableOne li").draggable({helper:"clone"});
            $("#mergeDiv").droppable({drop:function (event, ui) {
                $("#items").append($("<li></li>").text(ui.draggable.prop("class").split(" ")[0]+"."+ui.draggable.text()));
            }});

 });
    </script>
</head>
<body>

        <h2>Table</h2>
        <div id="tableOne">
            <h3>Table1</h3>
            <ul class = "source">
                <li class="table1">Col1</li>
                <li class="table1">Col2</li>
                <li class="table1">Col3</li>
            </ul>
            <h3>Table2</h3>
            <ul class = "source">
                <li class="table2"><input type = "checkbox">Col1</li>
                <li class="table2"><input type = "checkbox">Col2</li>
                <li class="table2"><input type = "checkbox">Col3</li>
            </ul>
        </div>
        <div id= "mergeDiv">
            <h2>Dragable Area</h2>
            <ol id="items"></ol>
        </div>

</body>

我一次只能拖放一个项目，但应该是所有选中的项目

如何使用Jquery拖放多个项目（使用复选框选择）？

0 个答案: