Question

我有一个<ul>“ul-list-one”，其中包含许多复选框。如果我勾选复选框并单击移动按钮，则意味着它将移动到另一个<ul>“ul-list-two”，并且复选的复选框将从上一个中删除，这里将是“ul-list” -一”。

在“ul-list-two”中，我也可以这样做，然后移动到下一个，这次是“ul-list-three”。

注意：将动态创建“ul-list-two”和“ul-li-three”。

我已经完成了一些工作，但是如何动态创建多个<ul>？

      $('#mer').click( function() {
        var txtBox = "";    
        var txtstatus = false;  
       $('input[type="checkbox"]').each (function() {             
        var t = $(this);
        var from = 'checklist';
        var val=$("#hidden_id").val();
        var to = 'ch';
        if (!t.is(':checked')){
            var swap = to;
            to = from;
            from = swap;
           } else { 
            txtstatus = true;
           }
       $(':checkbox:checked').attr('disabled', true);
       $('#'+to).append(t.attr('name', to).parent());
       $('#ch').addClass('br');        
       });
       if(txtstatus){
        txtBox = "<input type='text' value=''>";
        $('#ch').after(txtBox);
       }
      });  

      //close buttom code
      $('#cls').click( function() {
       $('input[type="checkbox"]').each (function() {          
        var t = $(this);
        var from = 'checklist';
        var to = 'ch';
        if (t.is(':checked')){
            var swap = to;
            to = from;
            from = swap;
           }
       $(':checkbox:checked').attr('disabled', false);
       $(':checkbox:checked').attr('checked', false);
       $('#'+from).append(t.attr('name', from).parent());
       });
      });

Answer 1

不是我写过的最漂亮的东西。如果你想留下空的ul，只需注释掉removeEmpties调用即可。我并不担心复选框顺序，但在移动复选框后，可以很容易地在单独的函数中实现。我还假设你不希望他们向后移动超过最初的ul。如果你想要这个功能，你可以添加另一个其他的移动功能。

http://jsfiddle.net/pJgyu/13225/

如何动态创建多个ul-list？

1 个答案: