Effacer le contenu sur un clic

Question

Tous,

Dans le code suivant

<INPUT TYPE="radio" name="1" id="1" VALUE="1" <?php echo $checked1 ?>><font size="2">1</font> 
<INPUT TYPE="radio" name="2" id="2" VALUE="2" <?php echo $checked2 ?>><font size="2">2</font> 
<TEXTAREA name="names" id="names" rows="15" cols="65"><?php echo $names ?></TEXTAREA> 

Si le bouton radio 1 sélectionné pour la première fois puis onclick sur textarea son contenu doit être effacé .Mais si l'utilisateur clique pour la deuxième fois sur la même zone de texte, le contenu ne doit pas être effacé pour le même bouton radio1.

La même chose devrait être valable pour le bouton radio2.Comment est-ce fait?

Merci.

Answer 1

Ceci satisfera votre exigence. il suffit de placer dans corps tag

<input type="radio" name="G1" id="1" value="1" /> <font size="2">1</font> 
<input type="radio" name="G1" id="2" value="2" /> <font size="2">2</font> 
<textarea name="names" id="names" rows="15" cols="65" onfocus="handleOnFocus()"></textarea> 

<script type="text/javascript"> 
    var isCleardForButton1 = false; 
    var isCleardForButton2 = false; 

    function handleOnFocus() { 
     var objTA = document.getElementById("names"); 
     var objRadio1 = document.getElementById("1"); 
     var objRadio2 = document.getElementById("2"); 
     if (isCleardForButton1 == false && objRadio1.checked == true) { 
      objTA.value = ""; 
      isCleardForButton1 = true; 
     } 
     if (isCleardForButton2 == false && objRadio2.checked == true) { 
      objTA.value = ""; 
      isCleardForButton2 = true; 
     } 
    } 
</script> 

Answer 2

edit: On dirait que j'ai mal compris vos besoins. Cela s'applique uniquement au clic du bouton radio, pas à la zone de texte.

Vous devez configurer un événement click pour effacer le contenu de la zone de texte, puis se désintéresser.

Avec jQuery le gestionnaire d'événements serait quelque chose comme:

$('#names').val(''); 
$(this).unbind('click'); 

Answer 3

Demo et est ici le code:

<TEXTAREA name="names" id="names" rows="15" cols="65" onclick="doIt(this);">Hello There</textarea> 

<script> 
var isDone = false; 

function doIt(field) 
{ 
    if (document.getElementById("1").checked == true && isDone == false) 
    { 
    field.value = ""; 
    isDone = true; 
    } 
} 
</script> 

Cela réglerait le contenu pour la première fois et non plus pour la durée de vie de la page