有一个跨文本，从多个输入字段中删除逗号

have a span text that removes commas from multiple input fields

本文关键字：字段 删除 输入 文本 有一个      更新时间：2023-09-26

我有以下输入字段，我想在他们上面有一个链接，使用纯javascript (即:没有js库)，将从所有输入字段中删除逗号。

当前:

<span id="remove">click to remove commas</span>    
<input type="text" name="1" id="1" value="14,22,25,2,26,1,15,8,23"><br />
<input type="text" name="2" id="2" value="12,25,14,11,5,23,8,15,19"><br />
<input type="text" name="3" id="3" value="25,1,10,2,26,5,19,7,13,22"><br />
<input type="text" name="4" id="4" value="8,1,16,20,19,7,25,2,14,27"><br />
<input type="text" name="5" id="5" value="8,15,6,22,30,21,4,24,31,3">

想要的结果:

<span id="remove">click to remove commas</span>
<input type="text" name="1" id="1" value="142225226115823"><br />
<input type="text" name="2" id="2" value="1225141152381519"><br />
<input type="text" name="3" id="3" value="2511022651971322"><br />
<input type="text" name="4" id="4" value="8116201972521427"><br />
<input type="text" name="5" id="5" value="8156223021424313">

小提琴

JavaScript: 

var removeSpan = document.querySelector('#remove');
removeSpan.addEventListener('click', function(e){
    [].slice.call(document.querySelectorAll('[type="text"]')).forEach(function(text){
        text.value = text.value.replace(/,/g, '')
    });
});

您可以使用.replace，如下所示:

var res = str.replace(",", "");

要替换所有的出现，请尝试

var res=str.replace(/,/g,'');

为所有输入设置通用名称，例如"values"。然后将此方法的调用添加到span的onclick事件中:

function removeCommas() {
    var values = document.getElementsByName("values");
    for (var i = 0; i < values.length; i++) {
        values[i].value = values[i].value.replace(/,/g, '');
    }
}

看到小提琴。

相关文章：