Estoy desactivando el div que contiene el cuadro de texto y los controles de botón. Mientras los cuadros de texto se deshabilitan, los botones no se deshabilitan. A continuación se muestra el código de JavaScript para deshabilitar que estoy llamando en la carga de la página

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

TabContainer es básicamente un AJAX TabContainer que se representa en div y su ID se convierte en MainContent_TabContainer1

Por favor, sugiera.

1
user2861226 1 sep. 2014 a las 20:54

4 respuestas

La mejor respuesta

Verifique la respuesta de la siguiente pregunta aquí

Simplemente enmascare un div en el padre padre. Simple y fácil.

0
Community 23 may. 2017 a las 11:57

Establecería una clase para los botones, llamaría a getElementsByClassName y recorrería los resultados, configurando cada uno en deshabilitado

Hice un jsFiddle para demostrar esto.

Html:

<div id='hold'>
    <button class='btn'>Click Me</button>
    <button class='btn'>Click Me</button>
    <button class='btn'>Click Me</button>
    <div class='btn'>Click Me</div>
</div>

Js:

var buttons = document.getElementsByClassName("btn");
for (var x=0;x<buttons.length;x++) {
    buttons[x].disabled = true;
    buttons[x].style.pointerEvents = 'none'; //disables div buttons
}
0
J148 7 sep. 2014 a las 20:23

El siguiente código javascript completará su tarea

var nod = document.getElementById("MainContent_TabContainer1").getElementsByTagName('*');

for (var i = 0; i < nod.length; i++) {
    nod[i].disabled = true;
}

Si desea hacer este trabajo con jquery, puede escribir el siguiente código

$("#MainContent_TabContainer1 *").attr("disabled", "disabled").off('click');
0
Csq 4 sep. 2014 a las 21:32

1) Si no está usando IE para ejecutar este proyecto, puede usar la siguiente solución: - Reemplazar 'div' con 'fieldset' y deshabilitar el 'fieldset' deshabilitará todas las entradas y botones dentro

<fieldset id="parent" >
 <button class='btn' onClick="myFunction()">Click Me</button>
 <input type="text"/>
</fieldset>

<script>
function myFunction() {
 document.getElementById("parent").disabled = true;
}

2) Para deshabilitar cada entrada y botón dentro del div padre

<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>

Nota: Solo para mostrar la desactivación, la función está vinculada al botón presente en el div padre

0
Pavi 1 sep. 2014 a las 18:01