无法使用动态内容、javascript、复选框和表单处理检索值
我似乎找不到解决这一特殊情况的办法。我已经能够找到各种帮助我达到这一点的帖子,但是我的代码仍然没有选择正确的值,我甚至不知道在这一点上应该尝试什么。我需要获取$title的值,以便在提交表单时,在$\u POST数组中显示所有选中的选项,同时仍然能够在表单底部显示总计 我正在从一个结构动态生成一个表单。HTML页面显示正确。在每个动态条目前面生成复选框,并在每次单击一个时调用一个函数。我可以生成正确的美元总额,并将其显示在表单底部,但我无法检索提交供PHP表单进一步处理所需的所有信息 我应该尝试获取onclick函数中所有选中选项的$title值,还是应该单独获取 以下是功能代码:无法使用动态内容、javascript、复选框和表单处理检索值,javascript,html,forms,Javascript,Html,Forms,我似乎找不到解决这一特殊情况的办法。我已经能够找到各种帮助我达到这一点的帖子,但是我的代码仍然没有选择正确的值,我甚至不知道在这一点上应该尝试什么。我需要获取$title的值,以便在提交表单时,在$\u POST数组中显示所有选中的选项,同时仍然能够在表单底部显示总计 我正在从一个结构动态生成一个表单。HTML页面显示正确。在每个动态条目前面生成复选框,并在每次单击一个时调用一个函数。我可以生成正确的美元总额,并将其显示在表单底部,但我无法检索提交供PHP表单进一步处理所需的所有信息 我应该尝试
<script type="text/javascript">
function calTotal() {
var ch, i=0;
var total=0;
while(ch=document.getElementsByName('cETotal')[i++]) {
if (ch.checked)
{
total=total+Number(ch.value);
}
}
var div=document.getElementById('divTotal');
total=total.toFixed(2);
div.innerHTML= "Total: $" +total;
document.getElementById("total").value=total;
}
函数calTotal(){
var-ch,i=0;
var合计=0;
而(ch=document.getElementsByName('cETotal')[i++]){
如果(检查通道)
{
总计=总计+数量(ch.值);
}
}
var div=document.getElementById('divTotal');
总计=总计。toFixed(2);
div.innerHTML=“总计:$”+总计;
document.getElementById(“总计”).value=total;
}
表单的动态生成和相关部分如下所示:
($bcost来自$cost,格式正确,便于计算)
美元日
$title
美元成本
任何检索所选$title值的建议都将不胜感激。此处哪个元素的ID为“total”@user3662273该总数在函数内生成,并使用以下代码放置在动态内容底部的页面上:''该函数的某部分正在工作。它正在收集我似乎无法理解的选择值。我不知道,您在函数中创建“”的位置。您可以在浏览器元素选项卡中检查是否在div中创建了input type hidden吗?@user3662273是在函数下创建的,它收集divTotal Id并使用innerHTML显示正确的值。总计的值显示正确。我刚刚意识到我的代码并不完全清楚。每个记录行的布局应该更像这样“$value1$value2”,所需的值是两个值的组合。当查看生成的HTML代码时,我确实看到正确的组合值作为cE隐藏输入的每个记录上的值列出。我无法使用函数检索该值。
<tr>
<td>
<input type="checkbox" name="cETotal" value="$bcost" onclick="calTotal()" />
</td>
<td>$day</td>
<td>$title</td>
<td>$cost</td>
</tr>
<tr>
<td>
<div id="divTotal"></div>
<input type="hidden" name="total" id="total" value="" />
</td>
<td>
<input type="submit" value="Submit">