HTML输入文本框onChange不起作用

时间:2013-07-15 18:11:01

标签: javascript html textbox onchange

这就是我所拥有的:

<script language="JavaScript">
    function toggle() {
        if (this.value=='1') {
            document.getElementById('dbOn').style.visibility='visible';
        }
        else {
            document.getElementById('dbOn').style.visibility='hidden';
            document.getElementById('dbOff').checked='checked';
        }
    }
</script>

<form action="index" method="post">
    <input type="text" name="iterations" value="1" onChange="toggle()" >

    <input type="radio" name="db" value="OFF" checked="checked" id="dbOff" >OFF<br>
    <input type="radio" name="db" value="ON" id="dbOn" >ON
</form>

这个想法是,如果你正在进行一次迭代,你将只被允许写入数据库。否则,我希望“ON”选项被禁用或消失,并且要自动检查OFF。

到目前为止,我已尝试过onChange,onKeyUp和onKeyPress,但它们似乎都没有效果。知道我的代码有什么问题吗?

由于

1 个答案:

答案 0 :(得分:10)

调用函数时,需要传递对元素的引用。

onchange="toggle(this)"

您还需要一个函数值的变量:

function toggle(element) {
        if (element.value=='1') {
  ...

}

DEMO: http://jsfiddle.net/axxCH/1/