jQuery/js刪除動態創建的複選框

Question

我正在使用Eric Hynds從JavaScript文件填充的jQuery MultiSelect Widget。如果選中了Main，則會在「Main」複選框下創建一個複選框。如果未選中相應的Main，我如何將其設置爲動態創建的複選框刪除的位置？請看我的小提琴來說明我的問題http://jsfiddle.net/3u7Xj/76/

$(document).ready(function() { 
    $(".multiselect").multiselect({ 
     header: "Choose up to 5 areas total", 
     click: function (event, ui) { 
      var number1=$("#dropdown1").children(":checked").length, 
       number2=$("#dropdown2").children(":checked").length; 

      if (ui.checked && ((number1 + number2 >=2) || $(this).children(":checked").length >= 2)) { 
       return false; 
      } 

      var lbl = ui.value; 
      if(ui.checked){ 
       var ctrl = '<input type="checkbox" name="chk" checked="checked" class="chk" id="'+lbl+'">'; 
       $("[id^=Main]:checked").each(function(){ 
        $(this).nextAll('.holder:first').append('<div>'+ctrl+lbl+'</div>');  
       }); 
      } 
      else { 
       $("[id^=Main]:checked").each(function(){ 
        $(this).nextAll('.holder:first').find('div input[id="'+lbl+'"]').parent().remove(); 
       }); 
      } 

     }, 
     selectedList:5 
    }); 
}); 

是這樣的？

$("[id^=id]:checked",false).each(function(){ 
    $(this).nextAll('.holder:first').find('div input[id="'+lbl+'"]').parent().remove(); 
    }); 

或者

if(ui.checked = false){ 
      $(this).nextAll('.holder:first').find('div input[id="'+lbl+'"]').parent().remove(); 

      } 
      else{}; 

Answer 1

如何添加呢？

$("input[name^=chkMain]").change(function(){ 
    if($(this).not(':checked')){ 
     $(this).next('label').next('.holder').html(''); 
    } 
}); 

http://jsfiddle.net/3u7Xj/77/

是你的意思？

Answer 2

試試這個

else { 
    $("[id^=Main]:checked").each(function(){ 
     $(this).nextAll('.holder:first').find('#' + lbl).parent().remove(); 
    }) 
} 

Demo

我還補充說，取消選中主的子女，如果沒有選中一個功能。刪除密碼

$(".checkers").click(function() {   
    if(!$(this).is(':checked')) { 
     $(this).nextAll('.holder:eq(0)').find('div input').attr("checked", this.checked); 
    } 
}); 

如果您不想要該功能。你也可以改變.attr("checked", this.checked)到.parent().remove()如果你想刪除的複選框而不是

如果你想反其道而行之，這意味着選中的複選框，然後在主，你可以使用下面的

var checkedOnes = $('#dropdown1').nextAll('.ui-multiselect-menu').find('ul li input:checked'); 
for(var i = 0; i < checkedOnes.length; i++) { 
    var lbl = checkedOnes.eq(i).attr('value'); 
    var ctrl = '<input type="checkbox" name="chk" checked="checked" class="chk" id="'+lbl+'">'; 
    $("[id^=Main]:checked").each(function(){ 
     $(this).nextAll('.holder:first').append('<div>'+ctrl+lbl+'</div>');  
    }); 
} 

Updated Demo