使用 jquery 将选定的多个复选框值显示为文本（动态值）答案

【问题标题】：Show Selected Multiple checkbox values as Text using jquery (Dynamic values)使用 jquery 将选定的多个复选框值显示为文本（动态值）
【发布时间】：2016-09-28 00:58:39
【问题描述】：

将选定的多个复选框值显示为文本。这不是重复的，我已经搜索过了。

动态表单值：

<div class="form-group">Eligible Branch
    <select id="eligiblebranch" multiple="multiple" class="form-control" >
        <?php  $branch = $conn->query("SELECT * FROM r_branch  ORDER BY id_branch ASC");
            while ($branchresult = $branch->fetch_assoc()) { ?>
            <option value="<?php echo $branchresult['id_branch']; ?>"> <?php echo $branchresult['branch_name']; ?> </option>
        <?php } ?>
    </select>
</div>

脚本：

var checked_checkboxes = $("[id*=eligiblebranch] input:checked");
var message = "";
checked_checkboxes.each(function () {
    var value = $(this).val();
    message += + value;
    message += "\n";
});
$("#eligiblebranch1").html(message);

输出应该是文本并且必须在这里可见：

<span id="eligiblebranch1"> </span>

【问题讨论】：

标签： javascript php jquery ajax checkbox

【解决方案1】：

要从多个选中的复选框中获取一组值，请使用 jQuery map/get 函数：

var checkedValues = $('input[type=checkbox]:checked').map(function(_, el) {
    return $(el).val();
}).get();

这将返回带有检查值的数组，例如：['1', '2']

您可以使用join将其设为字符串

var checkedValues = $('input[type=checkbox]:checked').map(function(_, el) {
    return $(el).val();
}).get().join(",");

或者你也可以使用serialize()。

console.log($('input[type=checkbox]:checked').serialize());

【讨论】：

它工作了兄弟，谢谢你，但我怎么能显示它的文字。我已达到每日投票上限，我明天会投票给你..
我得到 1 下一行 3 下一行 5 等等。选择的选项 id 的
您使用的是多选还是哪个 jquery 插件？选项里面似乎有选项。如果是，则尝试使用 option:selected 而不是 checkbox..
您是否尝试使用 $(this).text() 而不是 $(this).val() ？
让我们continue this discussion in chat。

【解决方案2】：

我想你已经有了答案，但需要稍作修改。

var checked_checkboxes = $("[id*=eligiblebranch] input:checked");
var message = "";
checked_checkboxes.each(function () {
    var value = $(this).val();
    message += value;
    message += "<br>";
});
$("#eligiblebranch1").html(message);

【讨论】：

id 来了，我想显示该 id 中的文本。我必须改变什么..？
所以你想在复选框旁边显示标签。这将取决于您的 php 代码如何转换为 html。你能显示html的那部分吗？您可以从浏览器的控制台获取它。