Javascript 如果文本框具有特定值，则更改表行

您好，我是javascript和Jquery新手，我有一个5行的表和一个选择1到5之间的值的asp滑块。我希望在移动滑块时高亮显示表中相应的行。这可以通过javascript或Jquery实现吗？

是的，虽然我对

.NET

一无所知，但我知道如何在javascript中实现这一点

HTML5引入了一种新的输入类型，称为

range

。

input

元素有一个名为

change

的事件侦听器，用于查找输入值中的更改

为了简单起见，我创建了一个包含五行的通用表。触发更改事件时，特定行将高亮显示，其他行将恢复正常

我相信这是可以改进的，但目前，这是我唯一能想到的

您应该对对象使用类似的方法

var range=document.getElementById（“我的范围”）；
var result=document.getElementById（“结果”）；
var tableRows=document.querySelectorAll（“tr”）；
range.addEventListener（“更改”，函数（）{
var rowIndex=+（range.value）-1；
风险价值=[]；
对于（var i=0；i你可以这样做


$（“#滑块”）.滑块(
{
价值：1，
民:1,，
最高：5，
步骤：1，
幻灯片：功能（事件、用户界面）{
$（“#滑块值”）.html（ui.value）；
$（'#data tr'）。removeClass（'突出显示'）；
$（'#data tr:eq（+（ui.value-1）+'））.addClass（'highlighted'）；
}
}
)；
h1{
字体系列：Helvetica，Arial；
字体大小：粗体；
字号：18px；
}
身体，p{
字体系列：Helvetica，Arial；
}
tr.td{
背景：红色；
}
HTML滑块测试
滑块的值为

这是绝对可能的，您可以在滑块上有一个事件，该事件会在相关的表行中添加一个突出显示类。感谢您的建议。您好，感谢上面的内容，正如我所说，java和jquery是新手，但我渴望学习，当我将上面的代码复制到我的asp甚至html页面时，它似乎不起作用，只是显示了代码上面的行和一个空表，我是否遗漏了什么（怀疑我是）！进一步的背景，该页面是一个从表1-5中选择答案的滑块。滑块返回的数字需要保留为会话变量，以便稍后在站点中使用（它上载到具有其他类似页面的DB）滑块还需要垂直于表的左侧。非常感谢任何进一步的帮助。您好，谢谢，yep可以看到它在JSFIDLE中工作，但是当我在VS中预览运行它时，它会显示一条消息：Object不支持属性或方法滑块，我需要加载其他Jquery库吗？我使用的是本机Jquery-1.8.2，并且具有在我的html文件中加载了base js和min..js。您好，-右边显示了滑块，错误消失了（没有重新引用jsui css，缺少js ui脚本行。但是现在，当我移动滑块时，表行中的颜色没有变化，因此我认为我的css条目位于错误的位置或位置，请您建议>？另外，如果我希望滑块垂直于表的左侧，与表的高度相同，这很容易实现。）h？谢谢。