javascript - 获取多选框的值进行拼接怎么移除未选项后的逗号

问题描述

问 题

后台给我的XML模板：
<Pay>0,1,2</Pay>

<input type="checkbox" name="PayTypeList" class="PT1">1
<input type="checkbox" name="PayTypeList" class="PT2">2
<input type="checkbox" name="PayTypeList" class="PT3">3

<script>
($(".PT1").is(':checked')==true)?PT1="0":PT1="";
($(".PT2").is(':checked')==true)?PT2="1":PT2="";
($(".PT3").is(':checked')==true)?PT3="2":PT3="";
</script>

$("#textarea").html("<Pay>"+PT1+","+PT2+","+PT3+"</Pay>")

我用这种方法判断后拼接但是如果最后一个选项未选择那么前一个选项后面就跟了一个逗号，怎么办

解决方案

声明一个数组，如果某个checkbox被选中，就把值push进去，最后用join转成以逗号分隔的数组。

var selected = []
if ($(".PT1").is(':checked')) selected.push('1')
// ... ...
$("#textarea").html("<Pay>"+ selected.join() + "</Pay>")

楼上用正则表达式只能去除最后一个逗号，如果前面有没选的，还是会有多余的逗号。

这篇关于javascript - 获取多选框的值进行拼接怎么移除未选项后的逗号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！