javascript - 单击时将按钮 ID 附加到输入值

Question

如何附加 id按钮到 input单击按钮时的值？

输入示例(按下按钮):

#en #de #fr #it #es

示例输出:

<input name="langs" value="en,de,fr,it,es,">

这是我所拥有的，但它不起作用:

$(".lang-btn").click(function() {
    $(this).toggleClass("active");
    $("input[name=languages]").val() += $(this).attr("id") . ",";
});

然后我希望能够重新调整 input值，删除 id ，当再次按下按钮时。

Answer 1

关闭，.val() 将值作为参数:

$(".lang-btn").click(function() {
    $(this).toggleClass("active");
    var id = this.id,
        currentValue = $("input[name=languages]").val();

    //Check for existing
    if (currentValue.indexOf(id) > -1) {
        //remove it
        currentValue = currentValue.replace(id + ",", "");
        $("input[name=languages]").val(currentValue);
    } else {
        $("input[name=languages]").val(currentValue + id + ",");
    }
});

工作演示:http://jsfiddle.net/9L76d0sr/