Javascript 如何循环DOM中的输入范围滑块列表，并使用each循环捕获值

下面是一个函数，用于循环通过一系列具有特定id属性的输入滑块并捕获其值。它不起作用。为什么，为什么？ 多谢各位

JS小提琴示例

HTML

<button id='button'>save</button>

<input id="pitchInput_1" type='range'></input>

<input id="pitchInput_2" type='range'></input>

是，

val（）

只获取第一个

var values = $('input[id^="pitchInput_"]').map(function() {
    return $(this).val();
});
alert(values.join('\n'));

这里，

values

是滑块值的数组。

是，

val（）

只获取第一个值

var values = $('input[id^="pitchInput_"]').map(function() {
    return $(this).val();
});
alert(values.join('\n'));

---

这里，

值

是滑块值的数组。

对代码稍加修改即可

<input id="pitchInput_1" type='range'></input>

<input id="pitchInput_2" type='range'></input>

请看这里的图片

除此之外，只需修改这一行即可获得适当的值

alert($('input[id^="pitchInput_"]').val());

用这个

alert($(this).val());

---

希望有帮助。

对代码稍加修改就可以了

<input id="pitchInput_1" type='range'></input>

<input id="pitchInput_2" type='range'></input>

请看这里的图片

除此之外，只需修改这一行即可获得适当的值

alert($('input[id^="pitchInput_"]').val());

用这个

alert($(this).val());

---

希望有帮助。

你为什么给他们起相同的名字。。。。假设它们是一种形式？这是一个非常糟糕的概念。你们试图在类应该使用的地方使用名称，我同意，但我给了相同的名称，因为若它们是单选按钮。虽然我的回答有点改变。这在技术上更好地回答了这个问题，因为我在标题中特别提到了“每个循环”，但出于某些原因，我不会进入Paul Drapers的回答，因为我正在做的事情实际上效果更好。你为什么给他们起相同的名字。。。。假设它们是一种形式？这是一个非常糟糕的概念。你们试图在类应该使用的地方使用名称，我同意，但我给了相同的名称，因为若它们是单选按钮。不过我的回答有点改变。这在技术上更好地回答了这个问题，因为我在标题中特别提到了“每个循环”，但由于一些原因，我不会进入Paul Drapers的回答，因为这个回答实际上对我所做的工作更有效。