Javascript 如何显示php代码中其他部分的div

我有一个div“BrowseDiv”，它位于php代码的其他部分，如下所示。如果$url不存在，它应该显示div。选中该复选框时，我正在调用一个java脚本，该脚本应该显示div。但在调用onchange复选框时，它不会显示

<tr height="20px" >     
    <td style="text-align:center">
    <?php if(file_exists($url)){ ?>
        <a href=<?php echo "documents/".$num."/".$id;?> target="_blank" id="href_doc1">My Doc</a>
         </br>
         <input type="checkbox" id="check_doc1" name="check_doc1"  onchange="CheckedDelete('check_doc1')">Delete My Doc</input>
        <?php } else { ?>
        </br></br>
        <div id="BrowseDiv" ><b></br>Upload Supporting Document</b> </br> 
        <input type="file" name="doc1_upload_onload" id="doc1_upload_onload"> 
        </div> 
     } ?>
    </td>       
</tr>


function CheckedDelete(chk_bx){

    if (document.getElementById(chk_bx).checked == true) {    
      alert(" will be deleted");      
      var href_doc1 = document.getElementById('href_doc1');
      href_doc1.style.display = 'none'; 
      document.getElementById('BrowseDiv').style.display= 'block';      
    } else {
      var Thephoto = document.getElementById('href_doc');
      Thephoto.style.display = 'block';
      document.getElementById('BrowseDiv').style.display= 'none';   
    }
}

删除我的文档




上传证明文件

} ?>
功能检查删除（chk_bx）{
if（document.getElementById（chk_bx）.checked==true）{
警报（“将被删除”）；
var href_doc1=document.getElementById（'href_doc1'）；
href_doc1.style.display='none'；
document.getElementById（'BrowseDiv'）.style.display='block'；
}否则{
var Thephoto=document.getElementById（'href_doc'）；
Thephoto.style.display='block'；
document.getElementById（'BrowseDiv'）.style.display='none'；
}
}

您应该这样做

<tr height="20px" >     
    <td style="text-align:center"><?php if(file_exists($url)){ ?>
    <a href=<?php echo "documents/".$num."/".$id;?> target="_blank" id="href_doc1">My Doc</a>
     </br>
     <input type="checkbox" id="check_doc1" name="check_doc1"  onchange="CheckedDelete('check_doc1')">Delete My Doc</input>
    <?php  } ?>
    </br></br>
    <div id="BrowseDiv" style="display: <?php if(file_exists($url) { echo 'none'; } else { echo 'block'; } ?>"><b></br>Upload Supporting Document</b> </br> 
    <input type="file" name="doc1_upload_onload" id="doc1_upload_onload"> 
    </div>

    </td>       
</tr>

删除我的文档



你应该这样做

<tr height="20px" >     
    <td style="text-align:center"><?php if(file_exists($url)){ ?>
    <a href=<?php echo "documents/".$num."/".$id;?> target="_blank" id="href_doc1">My Doc</a>
     </br>
     <input type="checkbox" id="check_doc1" name="check_doc1"  onchange="CheckedDelete('check_doc1')">Delete My Doc</input>
    <?php  } ?>
    </br></br>
    <div id="BrowseDiv" style="display: <?php if(file_exists($url) { echo 'none'; } else { echo 'block'; } ?>"><b></br>Upload Supporting Document</b> </br> 
    <input type="file" name="doc1_upload_onload" id="doc1_upload_onload"> 
    </div>

    </td>       
</tr>




删除我的文档



“BrowseDiv”位于else部分，因此document.getElementById（'BrowseDiv'）必须返回NULL

为此，您需要稍微改变您的逻辑。大概是这样的：

<td style="text-align:center"><?php if(file_exists($url)){ ?>
<a href=<?php echo "documents/".$num."/".$id;?> target="_blank" id="href_doc1">My Doc</a>
 </br>
 <input type="checkbox" id="check_doc1" name="check_doc1"  onchange="CheckedDelete('check_doc1')">Delete My Doc</input>
<?php   } ?>
</br></br>
<div id="BrowseDiv" style="display: <?php echo (file_exists($url)) ? 'none' : 'block' ?>" ><b></br>Upload Supporting Document</b> </br> 
<input type="file" name="doc1_upload_onload" id="doc1_upload_onload"> 
</div>




删除我的文档



“BrowseDiv”位于else部分，因此document.getElementById（'BrowseDiv'）必须返回NULL

为此，您需要稍微改变您的逻辑。大概是这样的：

<td style="text-align:center"><?php if(file_exists($url)){ ?>
<a href=<?php echo "documents/".$num."/".$id;?> target="_blank" id="href_doc1">My Doc</a>
 </br>
 <input type="checkbox" id="check_doc1" name="check_doc1"  onchange="CheckedDelete('check_doc1')">Delete My Doc</input>
<?php   } ?>
</br></br>
<div id="BrowseDiv" style="display: <?php echo (file_exists($url)) ? 'none' : 'block' ?>" ><b></br>Upload Supporting Document</b> </br> 
<input type="file" name="doc1_upload_onload" id="doc1_upload_onload"> 
</div>




删除我的文档



将
if（document.getElementById（chk_bx）.checked==true）{
更改为
if（document.getElementById（chk_bx）.checked）{
这是因为您的BrowseDiv在DOM中不存在，所以您的getElementById抛出了一个错误。请记住，它只会在文件不存在时显示，然后您的getElementById将按预期工作。更改
if（document.getElementById（chk_bx）.checked==true）{
为
if（document.getElementById（chk_bx）.checked）{
这是因为您的BrowseDiv在DOM中不存在，所以您的getElementById引发了一个错误。请记住，只有当文件不存在时，它才会显示，然后您的getElementById才能按预期工作。显示解析错误：语法错误，意外的“echo”（t_echo）Ishow解析错误：语法错误，意外的“echo”（t_echo）i