仅第一个复选框有效 - 其他检查仅在选中第一个复选框时才有效
Only first check works - others only work if first check box is selected
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 部分列出了图像文件,旁边带有复选框。我遇到的问题是,只有列表中带有复选框的第一个图像才会将文本输入添加到文本区域。选中第一个复选框后,其他复选框是否有效?有什么想法吗?干杯。
你在javascript中使用它:
if(document.getElementById("selector").checked){
你所有的复选框都有相同的 ID #selector
所以你的 javascript 将使用它找到的第一个。请注意,您的 html 中不能有重复的 ID。
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 如何在 JSF 中创建有效的“全选”复选框
- Google Web Map 复选框在 Firefox 和 Chrome 中有效,但在 IE 中不起作用
- 激活输入的复选框有效,但如果一行输入重复,它的行为会很奇怪
- 复选框单击有效,取消选中复选框不工作Javascript
- 仅第一个复选框有效 - 其他检查仅在选中第一个复选框时才有效
- 如果有多个复选框,为什么只有一个复选框实例有效?
- Angular.js - ng-disabled在复选框上,仍然提交一个有效的表单
- 有效检测选中复选框的数量
- 如何在angularjs中存储复选框的有效ng更改事件
- JavaScript & Checkbox - 存储每个复选框值的更有效方法
- Javascript 选中/取消选中所有复选框功能仅在有多个复选框时才有效
- 启用rails提交按钮更新复选框状态的有效方法