contrôler le champ de texte de la case

Question

cher j'ai 2 texte et 2 case à cocher:

<input type="checkbox" id="class1"> 
<input type="checkbox" id="class2"> 

<div id="hidden"> 
<input type="text" id="valclass1"> 
<input type="text" id="valclass2"> 
</div> 

je veux si je suis arrivé à « Class1 » puis cliquez sur show button « valclass1 » peut montrer. mais si elle n'est pas cochée, elle est cachée. Comment est-ce que je fais ça?

Answer 1

je le ferais comme ceci:

<script type="javascript/text" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="javascript/text"> 
$(function() 
{ 
    $('#ShowButton').click(function() 
    { 
     if($('#class1').is(':checked')) $('#valclass1').show(); 
     if($('#class2').is(':checked')) $('#valclass2').show(); 
    }); 
}); 
</script> 

<input type="checkbox" id="class1"> 
<input type="checkbox" id="class2"> 

<input type="button" id="ShowButton" /> 

<input type="text" id="valclass1" style="display: none"> 
<input type="text" id="valclass2" style="display: none"> 

Il travaillerait, mais probablement ne répond pas à votre question. Vous devez en savoir plus sur JavaScript pour pouvoir lancer votre propre solution.

Découvrez W3C's JavaScript tutorial