從選定的列表項創建一個列表

Question

我在這裏有一個小提琴：my fiddle。我想要做的是從一個單獨的列表組創建一個項目列表。我似乎無法得到什麼我做錯了一抓，但這裏是發生了什麼：

1. 我有基於表格的數據
2. 每個列表中的組列表中有列和選擇的名字複選框
3. 如果我選擇一個項目，它需要被添加到選定列區域（垂直列表）
4. 有14個複選框
5. 獨特的表格項目（課題 - >）當我選擇一個項目，它就會在選定列部分

代碼

（HTML）增加14倍：

我試圖TI插入HTML，但不工作的權利。請看上面列出的小提琴。

（jQuery的）：

var dte = // drag table elements 
{ 
init: function() { 
    var chkbx = $('.group input[type="checkbox"]:checkbox'); 
    //var chkbx = $('#accordion'); 
    for (var i = 0, ii = chkbx.length; i < ii; i++) { 
     $(chkbx).bind("click", dte.adjustList); 
    } 
}, 

adjustList: function(event) { 
    var list = []; 
    var str = ''; 
    var eleval = event.currentTarget.value; 
    var eleid = event.currentTarget.id; 
    if (eleval == 1) { 
     list.push(eleid); 
     str = '<li>' + eleid + '</li>'; 
    } 
    $('#vertical ul').append(str); 
/* 
    //var ele = event.currentTarget.id; 
    var allVals = []; 
    var str = ''; 
    //var obj = $("#"+ele); 
    var ele = $('#accordion'); 
    $(obj+': checked').each(function(){ 
     allVals.push($(this.val())); 
     dte.list.push($(this.val())); 
     str += '<li>'+$(this.val())+'</li>'; 
    }); 
    $('#verticle').text(str); 
    alert('List: ' + toString(list)); 
    */ 
} 
}; 
dte.init(); 

Answer 1

init: function() { 
    $('.group input:checkbox').bind("click", dte.adjustList); 
}, 

Answer 2

你只需要根據你選擇一次綁定。

init: function() { 
     var chkbx = $('.group input[type="checkbox"]:checkbox'); 
     $(chkbx).bind("click", dte.adjustList); 
}, 

fiddle

Answer 3

我編輯了自己的小提琴，我刪除了for loop。這裏是鏈接updated fiddle 你只需要綁定一次點擊事件。

Answer 4

多次綁定事件。你可以做這樣的事情：

init:function(){ 
    $('.group input[type="checkbox"]:checkbox').bind('click',dte.adjustList); 
}, 

編輯您的提琴：

http://jsfiddle.net/emphaticsunshine/tPAmc/