jquery - 向字段 JQuery 添加值

Question

我在使用 JQuery 掌握的页面上有一组复选框，在用户单击复选框时，我需要将值发送到一个将被隐藏的字段，我需要添加的每个值都被分隔通过 |我写了以下内容。

        $(document).ready(function() {
        $('input[name="_CKBXprod_link"]').attr("id", "_CKBXprod_link");
           $('input[name="_CKBXprod_link"]').click(function() {
               $('#link_ids').val(this.value+"|");
           });
        });

简单! ;) 谁能告诉我我缺少的是添加值，但每次单击复选框都会替换它们。

Answer 1

描述

我想你真正想要的是一个输入框，可以容纳你所有的检查唯一的复选框。

示例

<input type="text" id="link_ids"/>

<input type="checkbox" class="_CKBXprod_link" value="1"/>
<input type="checkbox" class="_CKBXprod_link" value="2"/>
<input type="checkbox" class="_CKBXprod_link" value="3"/>
<input type="checkbox" class="_CKBXprod_link" value="4"/>

$(document).ready(function() {  
    $('._CKBXprod_link').click(function() {
        var checkboxes = $("._CKBXprod_link:checked");
        var values = "";
        checkboxes .each(function() {
           values += $(this).val() + "|";
        });

        $(link_ids).val(values.substring(0, values.length-1));
    });
});

看看这个jsFiddle