猿问

请问一下怎么样可以把这两个分开呢 js 和 html？求指点一下

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

胡说叔叔
浏览 114回答 3
3回答

天涯尽头无女友

你的JS应该是逻辑错误，我按你的意思改写如下：<input&nbsp;id="txt0"&nbsp;type="text"&nbsp;value="1"> <input&nbsp;id="txt1"&nbsp;type="text"&nbsp;value="2"> <input&nbsp;id="txt2"&nbsp;type="text"&nbsp;value="3"> <input&nbsp;id="txt3"&nbsp;type="text"&nbsp;value="4"> <input&nbsp;id="txt4"&nbsp;t ype="text"&nbsp;value="5"> <input&nbsp;id="txt5"&nbsp;type="text"&nbsp;value="6"> <input&nbsp;id="txt6"&nbsp;type="text"&nbsp;value="7"> <script&nbsp;type="text/javascript">&nbsp;&nbsp;&nbsp;&nbsp;for(i=0;&nbsp;i<7;&nbsp;i++) &nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp; document.getElementById("txt"&nbsp;+i).onclick&nbsp;=&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp; alert(this.value) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} </script>分离JS和HTML&nbsp;<script&nbsp;type="text/javascript">window.onload=function(){&nbsp;&nbsp;&nbsp;&nbsp;for(i=0;&nbsp;i<7;&nbsp;i++) &nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById("txt"&nbsp;+i).onclick&nbsp;=&nbsp;function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(this.value) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} }</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">
0

至尊宝的传说

function&nbsp;clicks(i) { &nbsp;&nbsp;&nbsp;&nbsp;alert(document.getElementById("txt"&nbsp;+i).value) } <input&nbsp;id="txt0"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(0)"> <input&nbsp;id="txt1"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(1)"> <input&nbsp;id="txt2"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(2)"> <input&nbsp;id="txt3"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(3)"> <input&nbsp;id="txt4"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(4)"> <input&nbsp;id="txt5"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(5)"> <input&nbsp;id="txt6"&nbsp;type="text"&nbsp;value="111"&nbsp;onclick="clicks(6)">
0

郎朗坤

<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
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答