对 Javascript 的 div 调用在样式表后停止工作答案

【问题标题】：div call to Javascript stops working after styling table对 Javascript 的 div 调用在样式表后停止工作
【发布时间】：2013-05-09 01:52:08
【问题描述】：

我有一个使用 div 调用 PHP 文件的 Javascript。这通常工作正常。我正在通过向我的表格添加样式来处理我的网页的外观，这似乎破坏了 div。

这是我的 Javascript：

<script type="text/javascript">
function getNextcheck(str)
{
if (str=="")
  {
  document.getElementById("checkno").innerHTML="";
return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("checkno").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getnextcheck.php?id="+str,true);
xmlhttp.send();
}
window.onload = function() {
document.getElementsByName('ID')[0].onchange();
}
</script>

这是网站的html：

<form id="payBills" method="POST" action="">
<br /><table style="border-collapse:collapse; ">
<tr><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" width="50">Select</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" width="165">Bank</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" width="185">Account Number</th><th style="padding-left:4px; border:1px solid #dddddd; background-color:#efefef; color:black;" width="150">Current Balance</th></tr>

<?php

$i=0;
while($row2 = mysql_fetch_array($result2)) {
$id = $row2['ID'];
$checked = $i?'':'checked';

echo "<tr><td style=\"padding-left:16px; border:1px solid #dddddd;\"><input type=\"radio\" name=\"ID\" value=\"".$row2['ID']."\" {$checked}></td><td style=\"padding-left:4px; border:1px solid #dddddd;\">".$row2['name']."</td><td style=\"padding-left:4px; border:1px solid #dddddd;\">".$row2['acctnum']."</td>";
$i=1;

$result7 = mysql_query("SELECT SUM(deposit), SUM(withdrawal) FROM bankaccount_transaction WHERE bankaccount_id = '$id'") or die(mysql_error());
$row7 = mysql_fetch_array($result7);
$deposit = $row7['SUM(deposit)'];
$withdrawal = $row7['SUM(withdrawal)'];

$total = $deposit - $withdrawal;
$newtotal = number_format($total,2);

echo "<td style=\"padding-left:4px; border:1px solid #dddddd;\">$".$newtotal."</td></tr>";

}
?>

</table>
<br />
<div id="checkno"></div>
<br /><br />
<input type="submit" name="submit" value="Pay" />
</form>

为了它，我尝试用 span 代替 div 但这也没有用。

【问题讨论】：

祝这堵代码墙好运！
破了什么div？查看生成的源代码，看看有什么问题。
尽量删除代码，汤姆：越短，越多人愿意阅读。
对不起，我只是想你会想看代码。我展示了 javascript、有效的旧代码和无效的新代码。简而言之，我用
调用 javascript 当我向表中添加样式时它停止工作。
去掉了旧的 html 表，现在只显示新的 html 表。谢谢。

标签： javascript html forms html-table

【解决方案1】：

我不明白这个标签：

{$checked}

为什么不改用这个：

... ".$checked." ...

【讨论】：