javascript - JavaScript でテキストエリアにチェックボックスを追加する

Question

以前投稿しましたが、フォーマットミスのため投稿を削除しました。似たような回答をいくつか見たことがありますが、それらには否定的なスコアが付けられていたので、投稿することにしました。

Ajax (チェックボックスとしてエコーされる) を使用して SQL リストから名前を取得するチェックボックスがあり、[選択した名前を追加] をクリックすると、それらがチェックされたときに下のテキストエリアに投稿されます。

これが私のコードです。すべてに対して機能し、フィギュアを正常に選択します（アラートがそれらをテストするため）。ただし、値をテキストエリアに渡しません。

Jsfiddle:

http://jsfiddle.net/B4PvJ/1/

HTML:

<form name="promoForm4" method=post enctype=multipart/form-data action=cp007.php onSubmit="return validateForm();">
    <ul class=mainForm id="mainForm_1">
        <select name="nameoflist" onchange="changeFunc(this);">
            <option value="" disabled="disabled" selected="selected">Select Recipients</option>
            <option value="All Recipients">All Recipients</option>
            <option value="Tech_List">Tech List</option>
        </select>
        <p>
            <input type="checkbox" class="checkall">Check All
            <br>
            <br>
            <div id="list_output" style="width:500px;height:500px;overflow:auto;"></div>
            <p><a href="#" class="add_names">Add Selected Names</a>

                <p>
                    <textarea readonly rows="10" cols="100" name="name_list_box"></textarea>
                    <p class="mainForm">
                        <input id="saveForm" class="mainForm" type="submit" value="Enter Track Details" />
                        </li>
</form>

JavaScript:

$(function () {
    $(".add_names").click(function () {
        alert("clicked");
        var allVals = [];
        $(".cb:checked").each(function () {
            allVals.push($(this).val());
        });
        alert(allVals);
    });
});

function changeFunc(obj) {
    $('.checkall').prop('checked', false);
    $("#list_output").empty();
    var selectedValue = obj.options[obj.selectedIndex].value;
    var url = "getnames.php?list_name=" + selectedValue;
    $.get(url, function (data, status) {
        var recep_list = data.split("^");
        var r_len = recep_list.length;
        for (var i = 0; i < r_len; i++) {
            recep = recep_list[i].split("~");
            $('#list_output').append('<input type="checkbox" class="cb" value="' + recep[1] + '" /> ' + recep[0] + '<br>');
        }
    });
}
$(".add_names").click(function () {
    alert("clicked");
    var allVals = [];
    $(".cb").each(function () {
        allVals.push($(this).val());
        alert("somethingchecked");
    });
    var stringvals = allVals.join(" ");
    $("#name_list_box").val($("#name_list_box").val() + stringvals);
    alert(allVals);
});
$(".checkall").click(function () {
    $('#list_output .cb').prop('checked', this.checked);
});

どうもありがとう

CP