Очистить содержимое по щелчку

Question

Все,

В следующем коде

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

Если переключатель 1 выбран в первый раз, то OnClick на текстовом поле его содержимое должно быть очищено .Но, если пользователь нажимает на второй раз в той же текстовой области содержимое не должно быть очищено для одной и той же радиокнопки1.

То же самое должно быть хорошо для кнопки radio2.Как это делается.

Спасибо.

Answer 1

Это заполнит ваше требование. просто место в теле тег

<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

Редактировать: Похоже, я неправильно понял ваши требования. Это относится только к щелчку переключателя, а не к текстовому полю.

Вам необходимо настроить событие щелчка, чтобы очистить содержимое textarea, а затем отвязать себя.

С JQuery обработчик события будет что-то вроде:

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

Answer 3

Demo и вот код:

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

Это очистит содержимое в первый раз и не раз за время жизни страницы.