![](/img/trans.png)
[英]Show only the item with the classname equal to the multiple selected checkbox values jQuery
[英]Show Selected Multiple checkbox values as Text using jquery (Dynamic values)
显示选定的多个复选框值作为文本。 这不是重复的我已经搜索了。
动态表单值:
<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 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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.