我正在禁用包含文本框和按钮控件的 div。当文本框被禁用时,按钮不会被禁用。 下面是禁用我在页面加载时调用的 javascript 代码
document.getElementById("MainContent_TabContainer1").disabled = true;
TabContainer 基本上是一个呈现给 div 的 AJAX TabContainer,它的 ID 变为 MainContent_TabContainer1
请提出建议。
最佳答案
1) 如果您没有使用 IE 来运行这个元素,您可以使用以下解决方案:- - 用“fieldset”替换“div”并禁用“fieldset”将禁用内部的所有输入和按钮
<fieldset id="parent" >
<button class='btn' onClick="myFunction()">Click Me</button>
<input type="text"/>
</fieldset>
<script>
function myFunction() {
document.getElementById("parent").disabled = true;
}
2) 禁用父 div 中的每个输入和按钮
<div id="parent" >
<button class='btn' onClick="myFunction()">Click Me</button>
<input type="text"/>
<input type="text"/>
</div>
<script>
function myFunction() {
var myDiv = document.getElementById( "parent" );
var inputArr = myDiv.getElementsByTagName( "input" );
for (var i = 0; i < inputArr.length; i++)
inputArr[i].disabled = true;
var btnArr = myDiv.getElementsByTagName( "button" );
for (var i = 0; i < btnArr.length; i++)
btnArr[i].disabled = true;
}
</script>
注意:只是为了显示禁用,该功能与父 div 中存在的按钮相关联
关于javascript - CSS禁用属性不禁用按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25610210/