显示选中多个复选框值作为文本使用jQuery（动态值）

问题描述：

显示选中多个复选框值作为文本。这不是重复我已经搜索它。显示选中多个复选框值作为文本使用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>

脚本：

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>

答

要得到的值从一个数组多选复选框，使用jQuery地图/获取功能：

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插件？看起来选项里面有选项。如果是，然后尝试使用选项：选择，而不是复选框。 –

答

我认为你已经有了答案，但它需要一点修改。

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中的文字。我必须改变..？ –

所以你想显示复选框旁边的标签。这将取决于你的PHP代码如何转换为html。你可以显示该部分的HTML？你可以从浏览器的控制台获取它。 –

显示选中多个复选框值作为文本使用jQuery（动态值）

相关推荐