Question

我sooo... 接近但被困在一件对你来说可能非常简单的小东西上。想法是将每个复选框的值添加到隐藏字段值中。

当我用他们自己的变量 IDs 添加第二个(或更多表格) 时, 它就会崩溃。我知道 jQuery 代码的第一部分有效, 但我不知道如何将 < code>loader_ id 引入这里。

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

我认为这是我搞砸的地方,因为如果我硬代码,这里的代号就会很好用。

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

<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(","));
});

"强力 " DEMO: http://jsfiddle.net/fXMrij/52/

Answer 2

下一部分 loader_id 尚未定义。

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

});

友情链接