爲選中的每個複選框添加和刪除隱藏的輸入

Question

如果選中複選框列表中的複選框，並且在取消選中該複選框時將其刪除，如何創建隱藏的輸入元素。見附件的例子。

​​

<div> 
<h5 class="margin-bottom-5">Selected</h5> 
<ul> 
    <li data-id="127"> 
     Banking, Finance 
     <a > 
      <i class="icon-after" aria-hidden="true" data-icon="x"></i> 
     </a> 
     <input type="hidden" value="127" name="industry" data-id="127"> 
    </li> 
    <li data-id="126"> 
     Arts, Music 
     <a > 
      <i class="icon-after" aria-hidden="true" data-icon="x"></i> 
     </a> 
     <input type="hidden" value="126" name="industry" data-id="126"> 
    </li> 
</ul> 
</div> 

Answer 1

$('#checkbox1').change(function() { 
    if($(this).is(":checked")) { 
     $(this).after('<input type="hidden" >'); 
    }else{ 
    $(this).next('input["type=hidden"]').remove();    
    } 
    }    
}); 

在你的情況，你會需要後致電或你已經創建UL刪除功能。