宣告一個數組，如果某個checkbox被選中，就把值push進去，最後用join轉成以逗號分隔的數組。

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

樓上用正規表示式只能去除最後一個逗號，如果前面有沒選的，還是會有多餘的逗號。

雷雷

雷雷

1.我理解你的需求是：只要順序展示就可以，不考慮選取的順序。例如無論是先選取2還是先選取0，展示都是0，2;

我的解決方法是,用數組去遍歷，至於遍歷方法可以很多：

• 方案1：用reduce（今天剛學了reduce，拿來玩玩）

<script>
var arr = [PT1,PT2,PT3];
var res = arr.reduce(function(pre,cur,arr){  
  if(pre!=''&&cur!=''){ return pre + ',' + cur;}
  else if(pre!=''&&cur==''){return pre;}
  else if(pre=='' && cur!=''){return cur;}
  else{return '';}
 })
$("#textarea").html("<Pay>"+res+"</Pay>")
</script>

• 方案2：用filter + join

<script>
var arr = [PT1,PT2,PT3];
var newarr = arr.filter(function(v,i){ 
    return v==''?false:true;
 })
var res = newarr.join(',');
$("#textarea").html("<Pay>"+res+"</Pay>")
</script>

• 方案3：用for循環

<script>
var arr = [PT1,PT2,PT3];
var res = '';
for(var i=0;i<arr.length;i++){
if(arr[i]!=''){

 if(res!=''){

   res += "," + arr[i];
 }else{
   res += arr[i];
}
}else{
  continue;
}
}

$("#textarea").html("<Pay>"+res+"</Pay>")
</script>

2.如果考慮點選順序，可以用change事件:當CheckBox改變時，判斷checked，以新增或刪除資料

html:

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

javascript

var select = [];
$('[name=PayTypeList]').change(function(e){
    if(e.target.checked){
        select.push(e.target.value);
    }else{
        select = select.filter(function(v,i){
            return v != e.target.value;
        })
    }
$("#textarea").html("<Pay>"+ select.join +"</Pay>")
})

(借鑒了 huguangju 建立空數組的方法)

作為一個數組，去除數組種空值項，然後再格式化成字串