1 
<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 查找图像文件并在它们旁边显示复选框。我在输入文本区域的复选框时遇到问题。选中它会添加文本，然后当您取消选中它会再次添加相同的文本。我正在尝试执行以下操作：选中 -> 添加文本，取消选中相同的复选框 -> 删除文本。有任何想法吗？

4

2 回答 2

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 " "
}
于 2013-06-26T02:44:11.407 回答
0

在考虑了为什么有人要这样做之后，我想到您可能正在尝试向用户呈现一个动态生成的复选框列表，然后确定服务器端哪些复选框被选中。

如果这是您正在处理的事情，您可能会发现将列表作为 PHP 数组接收回来很有用。为此，只需将动态生成的复选框的名称属性更改为以[] 我使用以下代码测试：

    <script>
        $(function() {
            for(i=0;i<10;i++) {
                $("form").append("<input type='checkbox' name='add[]' value='img_id" + i + "'>Checkbox " + i + "</input><br/>") 
            }
        });
    </script>
    <form id='selection'  action='info.php' method='POST'>
        <input type="submit" /><br />
    </form>

在选中框 0,4、6-8 并单击提交后， $_POST在 info.php 脚本中具有此值（由以下内容返回print_r($_POST);：

Array
(
    [add] => Array
        (
            [0] => img_id0
            [1] => img_id4
            [2] => img_id6
            [3] => img_id7
            [4] => img_id8
        )
)
于 2013-06-26T19:51:19.020 回答