国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 取得多選框的值進(jìn)行拼接怎麼移除未選項(xiàng)後的逗號(hào)
曾經(jīng)蠟筆沒有小新
曾經(jīng)蠟筆沒有小新 2017-07-05 10:51:54
0
5
1044

後臺(tái)給我的XML範(fàn)本:
<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>")

我用這個(gè)方法判斷後拼接但是如果最後一個(gè)選項(xiàng)未選擇那麼前一個(gè)選項(xiàng)後面就跟了一個(gè)逗號(hào),怎麼辦

曾經(jīng)蠟筆沒有小新
曾經(jīng)蠟筆沒有小新

全部回覆(5)
阿神

宣告一個(gè)數(shù)組,如果某個(gè)checkbox被選中,就把值push進(jìn)去,最後用join轉(zhuǎn)成以逗號(hào)分隔的數(shù)組。

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

樓上用正規(guī)表示式只能去除最後一個(gè)逗號(hào),如果前面有沒選的,還是會(huì)有多餘的逗號(hào)。

巴扎黑

雷雷

曾經(jīng)蠟筆沒有小新

雷雷

大家講道理

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

我的解決方法是,用數(shù)組去遍歷,至於遍歷方法可以很多:

  • 方案1:用reduce(今天剛學(xué)了reduce,拿來(lái)玩玩)

<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循環(huán)

<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.如果考慮點(diǎn)選順序,可以用change事件:當(dāng)CheckBox改變時(shí),判斷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 建立空數(shù)組的方法)

淡淡煙草味

作為一個(gè)數(shù)組,去除數(shù)組種空值項(xiàng),然後再格式化成字串

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板