使用jquery將選定的多個復選框值顯示為文本（動態值）

Question

顯示選定的多個復選框值作為文本。 這不是重復的我已經搜索了。

動態表單值：

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

Answer 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());

Answer 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);