您好,匿名用户
随意问技术百科期待您的加入

js 点击事件 和循环 点击一次循环一次

0 投票

<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的值而不是点一下就全部都跳出来请问要怎么写?

在请问一下怎么样可以把这两个分开呢 js 和 html

用户头像 提问 2014年 3月30日 @ 坑爹 上等兵 (128 威望)
分享到:

1个回答

0 投票
 
最佳答案

你的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">

用户头像 回复 2014年 3月30日 @ Karthus 上等兵 (227 威望)
选中 2013年 9月7日 @坑爹
提一个问题:

相关问题

0 投票
1 回复 37 阅读
用户头像 提问 2012年 12月1日 @ Artemis 上等兵 (162 威望)
0 投票
1 回复 10 阅读
用户头像 提问 2014年 3月19日 @ Fiora 上等兵 (297 威望)
0 投票
1 回复 32 阅读
0 投票
1 回复 7 阅读
用户头像 提问 2014年 5月14日 @ Renekton 上等兵 (260 威望)
0 投票
1 回复 25 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...