使用jquery将带有动态ID的复选框值复制到隐藏的输入值

Question

我太..。很接近，但被困在一件对你来说很简单的小事上。其思想是将每个复选框的值添加到隐藏字段的值中。

当我用自己的变量ID添加第二个(或更多的表单)时，它就崩溃了。我知道jQuery代码的第一部分可以工作，但我不知道如何让loader_id进入这里。

$('#fileset-'+ loader_id +' input').click(updateFileField);

我认为这就是我搞砸的地方，因为如果我在这里硬编码id，剩下的就会工作得很好。

下面是完整的代码，也可以找到这里

<div id="fileset-1" class="fileset">
<input type="checkbox" value="set1">
<input type="checkbox" value="set2">
<input type="checkbox" value="set3">
</div>  
File 1 <input type="text" val="" id="file-1" class="filestosend" /><br />

<div id="fileset-2" class="fileset">
<input type="checkbox" value="seta">
<input type="checkbox" value="setb">
<input type="checkbox" value="setc">
</div> 
File 2 <input type="text" val="" id="file-2" class="filestosend" />​

这是jQuery的部分

 function updateFileField() {

 var allVals = [];
 var loader_id = $(this).parent('div').attr('id').replace('fileset-', '');
     $('#fileset-' + loader_id + ' :checked').each(function() {
       allVals.push($(this).val());
     });         
     $('#file-' + loader_id ).val(allVals);
  }
 $(function() {
     $('#fileset-'+ loader_id +' input').click(updateFileField);

});

谢谢你的帮忙!

Answer 1

在下面的部分中，loader_id是未定义的。

$(function() {
     $('#fileset-'+ loader_id +' input').click(updateFileField);

});