script language="javascript" type="text/javascript">
function moveNumbers(num) {
if(document.getElementById("selector").checked){
var txt=document.getElementById("result").value;
txt=txt + num;
document.getElementById("result").value=txt;
}
else{
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' id='selector' 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部分列出了图像文件,旁边有复选框。我遇到的问题是只有带有复选框的列表中的第一个图像才会将文本输入添加到文本区域。选中第一个复选框后,其他复选框是否有效?有任何想法吗?欢呼声。
答案 0 :(得分:2)
您在javascript中使用此功能:
if(document.getElementById("selector").checked){
并且您的所有复选框都具有相同的ID #selector
,因此您的javascript将使用它找到的第一个。请注意,您的html中不能包含重复的ID。