- js如何根據用戶輸入改變圖片並隱藏表格最後一行
-
下面這段代碼因為表單初始值為500,所以默認顯示1.png和和全部表格,如果用戶輸入小於500,怎麼把1.png換成2.png並隱藏表格的最後一行,謝謝。
<input id="input1"type="text" value="500" /><input type="button" / onclick="jisuan(this)" value="計算">
<img id="img1" src="1.png"/>
<table width="200" border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr id="tr1">
<td></td>
<td></td>
</tr>
</table>
最佳回答:
<script>
function jisuan() {
var v = parseInt(document.getElementById('input1').value) || 0;
document.getElementById('img1').src = v < 500 ? '2.png' : '1.png'
document.getElementById('tr1').style.display = v < 500 ? 'none' : ''
}
</script>
<input id="input1" type="text" value="500" /><input type="button" onclick="jisuan(this)" value="計算">
<img id="img1" src="1.png" />
<table width="200" border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr id="tr1">
<td></td>
<td></td>
</tr>
</table>