亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

請問一下怎么樣可以把這兩個分開呢 js 和 html？求指點一下

請問一下怎么樣可以把這兩個分開呢 js 和 html？求指點一下

胡說叔叔 2023-04-26 19:15:06
<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">


查看完整回答
反對 回復 2023-04-29
?
至尊寶的傳說

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


查看完整回答
反對 回復 2023-04-29
?
郎朗坤

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>


查看完整回答
反對 回復 2023-04-29
  • 3 回答
  • 0 關注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號