Question

我正在尝试根据使用Java Script检查或取消选中启用或禁用输入类型。

我正在使用以下代码..

<script language="JavaScript">
<!--

function enable_text(status)
{
status=!status; 
document.f1.other_text.disabled = status;
}
//-->
</script>


<body onload="enable_text(false)";>

<form name="f1" method="post">
<input type="checkbox"  onclick="enable_text(this.checked)" ><br>
Name
<input type="text" name="other_text">
</form>

</body>

但现在我的要求是每个输入类型都有相应的复选框。

如果我选中一个复选框，则只激活相应的输入。

任何人都可以帮助满足这一要求。

Answer 1

你可以这样做

<script language="JavaScript">
<!--

function enable_text(status,inputName)
{
if(!inputName) {
    var inputs = document.f1.getElementsByTagName('input');
    for(var i in inputs) {
        var input = inputs[i];
        if(input.type == 'text')
            input.disabled = true;
    }
    return;
}
status=!status; 
document.f1[inputName].disabled = status;

}
//-->
</script>


<body onload="enable_text(false)";>

<form name="f1" method="post">
<input type="checkbox"  onclick="enable_text(this.checked,'other_text')" ><br>


 Name
    <input type="text" name="other_text">
 <input type="checkbox"  onclick="enable_text(this.checked,'other_text1')" ><br>
    Name
    <input type="text" name="other_text1">
    </form>

    </body>

使用Javascript启用基于输入表单类型的复选框输入

1 个答案: