Javascript 基于输入启用文本框_Javascript

Javascript 基于输入启用文本框

javascript

Javascript 基于输入启用文本框,javascript,Javascript,我有两套文本框（1,2,3,4）和（a，b，c，d，e，f）。所有这些都是数字输入我正在使用javascript在onload时禁用6个文本框（a、b、c、d、e、f），并且运行良好但我想在文本框（3）中输入大于0的值后启用6个文本框我尝试使用onChange，但它不起作用 <html> <script type="text/javascript"> window.onload = function () { var td2 = document.getEleme

我有两套文本框（1,2,3,4）和（a，b，c，d，e，f）。所有这些都是数字输入

我正在使用javascript在onload时禁用6个文本框（a、b、c、d、e、f），并且运行良好

但我想在文本框（3）中输入大于0的值后启用6个文本框

我尝试使用onChange，但它不起作用

<html>
<script type="text/javascript">
window.onload = function () { 
var td2 = document.getElementsByName('A1ab1')[0]; 
td2.disabled = true;  
var td2 = document.getElementsByName('A1ab2')[0]; 
td2.disabled = true;
var td3 = document.getElementsByName('A1ab3')[0]; 
td3.disabled = true;
var td4 = document.getElementsByName('A1ab4')[0]; 
td4.disabled = true;
var td5 = document.getElementsByName('A1ab5')[0]; 
td5.disabled = true;
var td6 = document.getElementsByName('A1ab6')[0]; 
td6.disabled = true;
var td7 = document.getElementsByName('A1a3')[0];
td7.onChange = function(){
var x = document.getElementsByName('A1a3')[0].value;
    if(x > 0){
                td1.disabled = false;
                td2.disabled = false;
                td3.disabled = false;
                td4.disabled = false;
                td5.disabled = false;
                td6.disabled = false;                    
    }       
}   
}
</script>
<body>
<table border="0" class="NumericTable" cellspacing="0" cellpadding="0">
<tr class="r1"><td class="item"><span class="OptionFont">1</span></td><td class="text"><input type=text class=text name="A1a1" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1a(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r2"><td class="item"><span class="OptionFont">2</span></td><td class="text"><input type=text class=text name="A1a2" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1a(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r1"><td class="item"><span class="OptionFont">3</span></td><td class="text"><input type=text class=text name="A1a3" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1a(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r2"><td class="item"><span class="OptionFont">4</span></td><td class="text"><input type=text class=text name="A1a4" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1a(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
</table>
<br>
<table border="0" class="NumericTable" cellspacing="0" cellpadding="0">
<tr class="r1"><td class="item"><span class="OptionFont">a</span></td><td class="text"><input type=text class=text name="A1ab1" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r2"><td class="item"><span class="OptionFont">b</span></td><td class="text"><input type=text class=text name="A1ab2" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r1"><td class="item"><span class="OptionFont">c</span></td><td class="text"><input type=text class=text name="A1ab3" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r2"><td class="item"><span class="OptionFont">d</span></td><td class="text"><input type=text class=text name="A1ab4" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r1"><td class="item"><span class="OptionFont">e</span></td><td class="text"><input type=text class=text name="A1ab5" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
<tr class="r2"><td class="item"><span class="OptionFont">f</span></td><td class="text"><input type=text class=text name="A1ab6" value="" size=9 maxlength=9 style="text-align:right" onkeyup="{showTotalA1ab(); }"   onkeypress="return checkNumericValue(event)"  onBlur="Javascript:onBlurUpdate(this);"  /></td></tr>
</table>
</body>
</html>


window.onload=函数（）{
var td2=document.getElementsByName（'A1ab1'）[0]；
td2.disabled=true；
var td2=document.getElementsByName（'A1ab2'）[0]；
td2.disabled=true；
var td3=document.getElementsByName（'A1ab3'）[0]；
td3.disabled=true；
var td4=document.getElementsByName（'A1ab4'）[0]；
td4.disabled=true；
var td5=document.getElementsByName（'A1ab5'）[0]；
td5.disabled=true；
var td6=document.getElementsByName（'A1ab6'）[0]；
td6.disabled=true；
var td7=document.getElementsByName（'A1a3'）[0]；
td7.onChange=函数（）{
var x=document.getElementsByName（'A1a3'）[0]。值；
如果（x>0）{
td1.disabled=false；
td2.1=错误；
td3.1=错误；
td4.disabled=false；
td5.disabled=false；
td6.1=错误；
}       
}   
}
1.
2.
3.
4.


A.
B
C
D
E
F

谢谢

看看这个：

jQuery('#some_text_box').on('input', function() {
   // do your stuff
});

这应该是可行的。

您还没有定义变量“td1”。强烈建议使用浏览器的javascript控制台调试类似的内容。执行onChange时应该会产生错误。

如果不想使用JQuery，请尝试使用.onkeydown而不是.onChange

此外，您可能需要从文本框中解析int值：

var x = parseInt(document.getElementsByName('A1a3')[0].value);