Question

通过JS判断表单值确定表格显示或隐藏的问题

例如，TD0内input表单内输入数值小于3，则TD1、TD4显示；大于3小于10，则TD2、TD5显示；大于10，则TD3、TD6显示
因为不太懂JAVA，请各位老师最好能把代码写出来，谢谢

Answer 1

<script>
function change(obj) {
hidden_all();
var value = obj.value,
arr = [3, 6];
if (value < 3) {
arr = [1, 4];
} else if (value < 10) {
arr = [2, 5];
}
show(arr);
}
function getTD(index) {
return document.getElementById("td" + index);
}
function show(arr) {
for (var i = 0, j = arr.length; i < j; i++) {
getTD(arr[i]).style.display = "block";
}
}
function hidden_all() {
for (var i = 1, j = 6; i <= j; i++) {
getTD(i).style.display = "none";
}
}
</script>

<table>
<tr>
<td id="td0"><input type="text" id="input" onchange="change(this)"></td>
<td id="td1" style="display:none;">td1</td>
<td id="td2" style="display:none;">td2</td>
<td id="td3" style="display:none;">td3</td>
<td id="td4" style="display:none;">td4</td>
<td id="td5" style="display:none;">td5</td>
<td id="td6" style="display:none;">td6</td>
</tr>
</table>