Skip to main content
se eliminaron 12 caracteres en el cuerpo
Origen Enlace
sioesi
  • 11.5k
  • 7
  • 26
  • 57

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

EDIT

Si lo que necesitas es deshabilitar el/los inputs DENTRO del div que haces hover debes aplicar

$('.desabilitar').hover(
   function () {
      $(this).children('input').prop('disabled', true);
   },
   function () {
      $(this).children('input').prop('disabled', false);
   }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

EDIT

Si lo que necesitas es deshabilitar el/los inputs DENTRO del div que haces hover debes aplicar

$('.desabilitar').hover(
   function () {
      $(this).children('input').prop('disabled', true);
   },
   function () {
      $(this).children('input').prop('disabled', false);
   }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Si lo que necesitas es deshabilitar el/los inputs DENTRO del div que haces hover debes aplicar

$('.desabilitar').hover(
   function () {
      $(this).children('input').prop('disabled', true);
   },
   function () {
      $(this).children('input').prop('disabled', false);
   }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

se añadieron 165 caracteres en el cuerpo
Origen Enlace
sioesi
  • 11.5k
  • 7
  • 26
  • 57

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

EDIT

Si lo que necesitas es deshabilitar el/los inputs DENTRO del div que haces hover debes aplicar

$('.desabilitar').hover(
   function () {
      $(this).children('input').prop('disabled', true);
   },
   function () {
      $(this).children('input').prop('disabled', false);
   }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

EDIT

Si lo que necesitas es deshabilitar el/los inputs DENTRO del div que haces hover debes aplicar

$('.desabilitar').hover(
   function () {
      $(this).children('input').prop('disabled', true);
   },
   function () {
      $(this).children('input').prop('disabled', false);
   }
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>

Origen Enlace
sioesi
  • 11.5k
  • 7
  • 26
  • 57

Lo que tu debes hacer es deshabilitar los inputs dentro del div y puedes lograrlo con $('.desabilitar :input').prop('disabled', true);

$('.desabilitar').hover(
     function () {
        $('.desabilitar :input').prop('disabled', true);
     },
     function () {
        $('.desabilitar :input').prop('disabled', false);
     }
  );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="desabilitar">
  <input type="text" >
  <label>Input 1</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 2</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 3</label>
</div>

<div class="desabilitar">
  <input type="text" >
  <label>Input 4</label>
</div>