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

Question

我已经很接近了，但是我被困在一件对你来说可能非常简单的小事上。这个想法是将每个复选框的值添加到隐藏字段的值中。

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

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

我认为这就是我搞砸的地方，因为如果我在这里对 id 进行硬编码，那么其余的工作就会很好。

以下是完整代码，也可以找到here

<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

这是您一直在寻找的吗？

$(".fileset :checkbox").on("change", function() {
    var div = $(this).parent();
    var id = div.attr("id").split("-")[1];
    var values = [];
    div.find(":checked").each(function() {
        values.push(this.value);
    });
    $("#file-" + id).val(values.join(","));
});

演示: http://jsfiddle.net/fXMrj/52/