2010-10-27 7 views
0

Je suis un débutant. Je veux que quand une case à cocher est cochée, cela devrait permettre à l'utilisateur d'écrire quelque chose dans une txtbox. initialement, la txtbox est désactivée. ce que je dois écrire dans la fonction à l'aide jquerycase à cocher propriété en utilisant jquery

Répondre

0
<input type="checkbox" id="cb" /> 
<label for="cb">label for checkbox</label> 
<input type="text" id="txt" disabled="disabled" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var checkbox = $('#cb'); 
     var textfield = $('#txt'); 

     checkbox.click(function() { 
      if (checkbox.is(':checked')) { 
       textfield.removeAttr('disabled'); 
      } 
      else { 
       textfield.attr('disabled', 'disabled'); 
      } 
     }); 
    }); 
</script> 

working example with visibilty
working example with disabled-state

plus: que vous travaillez avec asp.net, vos missions devraient ressembler, par exemple:

var checkbox = $('#<%= this.cb.ClientID %>'); 

vous devez être conscient de la façon dont les contrôles du serveur se déchirent soit non plus (pour choisir un sélecteur approprié). En outre
: vous devriez aussi être conscient du fait que disabled -Entrées ne seront pas affichés, alors que readonly -Entrées sont pas de problème pour gérer ...

0
$('#mycheckbox').click(function() 
{ 
    $("#mytextbox").attr('disabled',''); 
} 
); 
+0

-, pas de xhtml valide –

+0

son début, les supplémentaires ont tendance à se faufiler;) – Sam

+0

non ... je suis en train de parler de l'attribut 'disabled', pas de l'erreur de syntaxe ... –

0
$(document).ready(function() 
{ 
    //To Disable the Check box on page Load 
    $('#TextBox').attr('disabled', 'disabled');  

    //On Click of the Check Box 
    $('#CheckBoz').click(function() 
    { 
     if($('#CheckBoz').is(':checked')) 
     { 
      $('#TextBox').removeAttr('disabled');    
     } 
     else 
     {   
      $('#TextBox').attr('disabled', 'disabled');    
     }  
    }); 
}); 

J'espère que ce code fonctionne parfaitement pour vous et vous devez le coller dans votre page et vérifier le nom du composant en fonction.

Questions connexes