Question

我之前发布了此帖，但由于格式错误而删除了帖子。我看到了一些类似的回答，但他们得到了负分，所以我想我会发布一个。

我有一个复选框，使用Ajax从SQL列表中提取名称（这些复选框被回显为复选框），当我点击“添加所选名称”时，我希望在检查它们时将其发布到下面的textarea中

这是我的代码，它适用于所有人并选择数字正常（因为警报测试它们）。但是没有将值传递给textarea。

的jsfiddle：

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

在JavaScript中向textarea添加复选框

0 个答案: