从范围输入中获取值（滑块）

Question

我正在使用如下字符串在页面上动态添加滑块：

"<input type=\"range\" name=\"aName\" min=\"1\" max=\"9\"/>";

然后，在我使用纯 javascript 将其附加到页面后，我可以使用以下代码进行委托：

$('input[name=aName]').on('change', function () { alert(this.value)});

事实上，当值发生变化时，我会收到具有正确值的警报。但是，如果我这样委派：

$('input[name=aName]').on('change', handleChange);

然后像这样定义函数：

function handleChange () {
    var theValue = $('input[name=aName]').value;
    alert("value: " + theValue);
}

我收到带有消息“值：未定义”的警报。为什么会发生这种事情？

Answer 1

这是错误的$('input[name=aName]').value。我认为您正在混合使用 javascript 和 jquery。

要获取值，请像这样使用。

$('input[name=aName]').val()