<html><head><script type="text/javascript">for(i=0; i<7; i++){document.getElementById("txt" +i).onclick = function(){alert(this.value);}}</script></head><body><input id="txt0" type="text" value="1"><input id="txt1" type="text" value="2"><input id="txt2" type="text" value="3"><input id="txt3" type="text" value="4"><input id="txt4" type="text" value="5"><input id="txt5" type="text" value="6"><input id="txt6" type="text" value="7"></body></html>请问要怎么写可以让我点txt0就跳出txt0的值 点txt1就跳出txt1的值而不是点一下就全部都跳出来请问要怎么写？
3 回答
天涯尽头无女友
TA贡献1831条经验 获得超9个赞
你的JS应该是逻辑错误，我按你的意思改写如下：
<input id="txt0" type="text" value="1">
<input id="txt1" type="text" value="2">
<input id="txt2" type="text" value="3">
<input id="txt3" type="text" value="4">
<input id="txt4" t
ype="text" value="5">
<input id="txt5" type="text" value="6">
<input id="txt6" type="text" value="7">
<script type="text/javascript"> for(i=0; i<7; i++)
{
document.getElementById("txt" +i).onclick = function(){
alert(this.value)
}
}
</script>分离JS和HTML
<script type="text/javascript">window.onload=function(){ for(i=0; i<7; i++)
{ document.getElementById("txt" +i).onclick = function(){ alert(this.value)
}
}
}</script><input id="txt0" type="text" value="1">
<input id="txt1" type="text" value="2">
<input id="txt2" type="text" value="3">
<input id="txt3" type="text" value="4">
<input id="txt4" type="text" value="5">
<input id="txt5" type="text" value="6">
<input id="txt6" type="text" value="7">
至尊宝的传说
TA贡献1789条经验 获得超10个赞
function clicks(i)
{
alert(document.getElementById("txt" +i).value)
}
<input id="txt0" type="text" value="111" onclick="clicks(0)">
<input id="txt1" type="text" value="111" onclick="clicks(1)">
<input id="txt2" type="text" value="111" onclick="clicks(2)">
<input id="txt3" type="text" value="111" onclick="clicks(3)">
<input id="txt4" type="text" value="111" onclick="clicks(4)">
<input id="txt5" type="text" value="111" onclick="clicks(5)">
<input id="txt6" type="text" value="111" onclick="clicks(6)">
郎朗坤
TA贡献1921条经验 获得超9个赞
<html>
<body>
<input id="txt0" type="text" value="1">
<input id="txt1" type="text" value="2">
<input id="txt2" type="text" value="3">
<input id="txt3" type="text" value="4">
<input id="txt4" type="text" value="5">
<input id="txt5" type="text" value="6">
<input id="txt6" type="text" value="7">
</body>
<script type="text/javascript">
function selectTr(value)
{
selectOneRow(value);
}
function selectOneRow(value)
{
alert(value);
}
for(i=0; i<7; i++)
{
var input = document.getElementById("txt"+i);
var value = input.value;
input.setAttribute("onclick", "selectTr("+value+")");
}
</script>
</html>
添加回答
举报
0/150
提交
取消