javascript - Comment obtenir la valeur d'une zone de sélection multiple pour l'épissage et supprimer la virgule après les options non cochées
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:51:54
0
5
904

Le modèle XML que m'a donné le fond :
<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>")

J'utilise cette méthode pour déterminer puis épisser, mais si la dernière option n'est pas sélectionnée, alors l'option précédente est suivie d'une virgule, que dois-je faire

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

répondre à tous(5)
阿神

Déclarez un tableau. Si une case est cochée, insérez-y la valeur et enfin utilisez join pour la convertir en un tableau séparé par des virgules.

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

L'expression régulière utilisée à l'étage ne peut supprimer que la dernière virgule. S'il y en a des non sélectionnées devant, il y aura toujours des virgules supplémentaires.

巴扎黑
var str = "<Pay>"+PT1+","+PT2+","+PT3+"</Pay>";
$("#textarea").html(str.replace(/,<\/Pay>$/, '</Pay>'))
曾经蜡笔没有小新
    var array = new Array();
    $("input").each(function (index) {
        if($(this).is(":checked")) {
            array.push(index);
        }
    });
    $("#textarea").html("<Pay>"+array.join(",")+"</Pay>");
大家讲道理

1. Je comprends votre exigence : il vous suffit de les afficher dans l'ordre, quel que soit l'ordre de sélection. Par exemple, que vous sélectionniez d'abord 2 ou 0, l'affichage sera 0, 2 ;

Ma solution consiste à utiliser un tableau pour parcourir. Il existe de nombreuses méthodes de parcours :

  • Option 1 : Utiliser reduce (Je viens d'apprendre à réduire aujourd'hui, jouons avec)

<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>
  • Option 2 : Utiliser 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>
  • Option 3 : Utiliser 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. Si vous considérez l'ordre des clics, vous pouvez utiliser l'événement change : lorsque le CheckBox change, jugez coché pour ajouter ou supprimer des données

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>")
})

(Appris de la huguangju méthode de création d'un tableau vide)

淡淡烟草味

En tant que tableau, supprimez les éléments nuls du tableau, puis formatez-le en chaîne

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!