从范围输入中获取值(滑块)

时间:2013-10-31 20:52:23

标签: javascript jquery html5 range event-delegation

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

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

我收到带有“value:undefined”消息的警报。为什么会发生这件事?

1 个答案:

答案 0 :(得分:4)

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

要获取该值,请使用此类。

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