javascript - 如何显示一个div，它是php代码的一部分

Question

我有一个 div“BrowseDiv”，它位于 php 代码的其他部分，如下所示。如果 $url 不存在，它应该显示 div。另外，当选中复选框时，我正在调用一个应该显示 div 的 java 脚本。但是当调用 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';   
    }
}

Answer 1

“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>