我有一个代码,其中有一个用于禁用/启用表单输入的开/关开关,但它不起作用。我的输入总是关闭的。有什么问题吗?
<script>
function DisEn(X){
if(X.checked)Allow=false;
else Allow=true;
document.A.T1.disabled=Allow;
document.A.T2.disabled=Allow;
}
</script>
</head>
<body>
<form name="A" >
<span class="toggle-bg">
<input type="radio" name="toggle" value="off" >
<input type="radio" name="toggle" value="on">
<span class="switch"></span>
</span>
<input type="text" name="T1" value="A" disabled>
<input type="text" name="T2" value="B" disabled>
</form>
</body>
</html>
最佳答案
我稍微修改了你的代码逻辑,但它确实有效。
源代码
<script>
function DisEn(X){
document.A.T1.disabled=X;
document.A.T2.disabled=X;
}
</script>
</head>
<body>
<form name="A" >
<span class="toggle-bg">
<input type="radio" name="toggle" value="off" onClick="DisEn(false)">
<input type="radio" name="toggle" value="on" onClick="DisEn(true)">
<span class="switch"></span>
</span>
<input type="text" name="T1" value="A" disabled>
<input type="text" name="T2" value="B" disabled>
</form>
</body>
</html>
最终结果
说明
当您单击其中一个单选按钮时,它会向 DisEn
函数提供一个 bool 值,并根据该值设置disabled
参数。
关于php - 在 html 中使用 javascript 进行开/关开关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16805419/