<html>
<head>
<script type="text/javascript" src="admin/js/jquery.min.js"></script>
<body>
<table id="c1" width="98%" border="1px" cellspacing="0" cellpadding="0" >
<tr>
<td><input name="t1" value="aa1" /></td>
<td id="c2">2</td>
<td>3</td>
</tr>
<tr>
<td><input class="test1" id="test1" border="1px" onkeypress="demo1()" type="text" /></td>
<td><input class="test1" id="test2" onkeypress="demo1()" type="text" /></td>
<td><input class="test1" id="test3" onkeypress="demo1()" type="text" /></td>
</tr>
<tr>
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
<tr>
<td>dd</td>
<td>dd</td>
<td>dd</td>
</tr>
</table>
</body>
<script>
//jQuery代碼
function demo1() {
//var dd = document.getElementsByName('t1')[0].value;//通過名字，得到input中值，遍歷是從0開始的
//var testLength = document.getElementById('test1').value.length;
var testLength = document.getElementById("c1").rows[0].cells[0].offsetWidth; //表格中id，table中第一行 第一列
alert("寬度為：" + testLength);
$('.test1').css('width', testLength*5 + 'px')//點表類，#表id 動態設置input框長度
}
</script>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
