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);
   ?>

大家好，我在使用复选框时遇到了一些麻烦。单击复选框，文本区域中出现文本没问题。我一直试图弄清楚如何取消选中复选框，删除文本。例如。已检查 - ＆gt;文本123输入，取消选中 - ＆gt;测试123已删除。欢呼声。

Answer 1

因此，根据您的文本框是选中还是取消选中，您需要不同的活动。此时，只要单击复选框，就会调用一种方法，因此现在需要查看复选框的状态。给你的复选框一个ID，然后换掉你的Javascript。

<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

只需添加jquery，这将有助于您..

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

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

2 个答案: