为选中的每个复选框添加和删除隐藏的输入

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删除功能。