JavaScript - スプライシング用の複数選択ボックスの値を取得し、チェックされていないオプションの後のカンマを削除する方法
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:51:54
0
5
816

バックグラウンドから提供された XML テンプレート:
<Pay>0,1,2</Pay>

リーリー リーリー

この方法を使用して決定してからスプライスしますが、最後のオプションが選択されていない場合、前のオプションの後にカンマが続きます。どうすればよいでしょうか

曾经蜡笔没有小新
曾经蜡笔没有小新

全員に返信(5)
大家讲道理

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 创建空数组的方法)

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!