点击清除内容

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。

这同样适用于单选按钮 2。这是怎么做到的？

Answer 1

这将满足您的要求。只需放置在 body 标签中

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

这将第一次清除内容，而不是再次为页面的生命周期。

Answer 3

编辑：看来我误解了你的要求。这仅适用于单击单选按钮，不适用于文本区域。

您需要设置一个点击事件来清除textarea内容，然后自行解除绑定。

使用 jQuery，事件处理程序将类似于：

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