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

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

动态表单值：

<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> 

输出应为文本，并且必须在此处可见：

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

---

要从多个复选框中获取值数组，请使用jQuery映射/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());

---

要从多个复选框中获取值数组，请使用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());

---

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

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

var checked_复选框=$（“[id*=eligiblebranch]输入：选中”）；
var message=“”；
选中复选框。每个（函数（）{
var值=$（this.val（）；
消息+=值；
消息+=“
”；
});
$（“#eligiblebranch1”）.html（消息）；

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

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

var checked_复选框=$（“[id*=eligiblebranch]输入：选中”）；
var message=“”；
选中复选框。每个（函数（）{
var值=$（this.val（）；
消息+=值；
消息+=“
”；
});
$（“#eligiblebranch1”）.html（消息）；

它起作用了，兄弟，谢谢你，但是我怎样才能显示它的文本呢。我已达到每日投票限制，明天我将投票给你..我的下一行是1，下一行是3，下一行是5等等。。所选选项id是您使用的multiselect还是哪个jquery插件？在选项中似乎有选项。如果是，则尝试使用选项：选中而不是复选框..您是否尝试使用$（this）.text（）而不是$（this）.val（）？让我们来看看。它起作用了，谢谢，但我如何显示它的文本。我已达到每日投票限制，明天我将投票给你..我的下一行是1，下一行是3，下一行是5等等。。所选选项id是您使用的multiselect还是哪个jquery插件？在选项中似乎有选项。如果是，则尝试使用option:selected而不是checkbox..是否尝试使用$（this）.text（）而不是$（this）.val（）？让我们来看看.id。我想在该id中显示文本。我必须更改什么..？因此，您想在复选框旁边显示标签。这将取决于php代码如何转换为html。你能显示html的那一部分吗？您可以从浏览器控制台获得它。id即将出现。我想显示该id中的文本。我要更改的内容..？所以您想在复选框旁边显示标签。这将取决于php代码如何转换为html。你能显示html的那一部分吗？您可以从浏览器的控制台获取它。