复选框-选中添加文本，取消选中删除文本区域中的原始文本

Question

<script language="javascript" type="text/javascript">

function moveNumbers(num) { 
   var txt=document.getElementById("result").value; 
   txt=txt + num; 
   document.getElementById("result").value=txt; 
} 
</script>

<textarea id="result" name="image_id" rows="8" cols="11" readonly>

</textarea>
<tr>

    <?php
        $path = "photos/";
        $dir_handle = @opendir($path) or die("Unable to open folder");
        echo "<table height='500px'width='800px'align='center'border='1'>";
        echo "<tr>";
        while (false !== ($file = readdir($dir_handle))) {

          if($file == "index.php")
          continue;
          if($file == ".")
          continue;
          if($file == "..")
          continue;

          echo ($x % 6 == 0) ? "</tr><tr>" : "";
          echo "<td><input type='checkbox' name='add' value='$file'             
          onclick='moveNumbers(this.value)'>
          <img src='photos/$file'alt='$file' style='height:auto;width:50%;'alt='$file'>
          <br>
          $file
          </td>";
          $x++;
       }
       echo "</tr>";
       echo "</table>";
       closedir($dir_handle);
   ?>

Hi all, having some trouble with the check boxes. Click on the check box, text appears in text area no problem. I have been trying to figure out how to when you uncheck the check box the text is removed. EG Checked -> Text 123 inputted, Uncheck -> Test 123 removed. Cheers.

Answer 1

So you want different activity depending on whether your text box is being checked or unchecked. At the moment, you call one method whenever you click on the checkbox, so now you need to look at the state of the checkbox, when it is clicked on. Give your checkbox an ID, and swap out your Javascript for this.

<script language="javascript" type="text/javascript">

function moveNumbers(num) { 
 if(document.getElementById("checkBoxId").checked){
  var txt=document.getElementById("result").value; 
  txt=txt + num; 
  document.getElementById("result").value=txt; 
 }
 else{
 document.getElementById("result").value=txt="";
 }
} 

</script>

Answer 2

just add jquery and this will help you..

<script type='text/javascript'>        
$(document).ready(function(){
    $('#textCheck').change(function(){
        if($('#textCheck').attr('checked'))
        {
            $('#myTextArea').val($('#textinput').val());
        }
        else
        {
            $('#myTextArea').val('');
        }
    });
});
</script>
<input type = "text" name = 'textinput' id = 'textinput' />
<textarea name = 'myTextArea' id = 'myTextArea'></textarea>
<input type="checkbox" name='textChck' id='textCheck' />