php - 多个复选框输入到文本区域 - 添加文本 - 从文本区域删除文本

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

大家好，PHP 查找图像文件并用旁边的复选框显示它们。我在输入文本区域的复选框时遇到问题。选中时，它会添加文本，然后当您取消选中时，它会再次添加相同的文本。我正在尝试执行以下操作:选中 -> 添加文本，取消选中相同的复选框 -> 删除文本。有什么想法吗？

Answer 1

如果您想任意添加事先未知的文本，然后将其删除，则需要保留已添加的项目列表并每次重新生成结果，或者进行搜索/替换操作将其删除。我认为保留列表更容易:

var itemsAdded = Array();

function moveNumbers(text) { 
   var i = itemsAdded.indexOf(text)
   if ( i >= 0) { 
       itemsAdded.splice(i,1); 
   } else {
       itemsAdded.push(text);
   }
   document.getElementById("result").value=itemsAdded.join(" "); //if you want each on a separate line, use "\n" instead of " "
}