javascript - CSS禁用属性不禁用按钮

Question

我正在禁用包含文本框和按钮控件的 div。当文本框被禁用时，按钮不会被禁用。下面是禁用我在页面加载时调用的 javascript 代码

document.getElementById("MainContent_TabContainer1").disabled = true;

TabContainer 基本上是一个呈现给 div 的 AJAX TabContainer，它的 ID 变为 MainContent_TabContainer1

请提出建议。

Answer 1

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 中存在的按钮相关联