javascript - 一旦 php 输入字段 $row 有值，隐藏按钮？

Question

如果数据库中已存在某个值，我将尝试隐藏创建帐户按钮。我只希望按钮在客户编号 - '.$row["custno"].' 字段为空时显示。

我已经尝试使用 JS 隐藏/显示和切换，但如果客户编号的字段值 - '.$row["custno"].'，我无法让它只显示按钮。 是空的。我最后一次尝试是使用 PHP，但现在我看不到客户编号或按钮。

PHP代码

        echo '  
        <div class="as-objecttitle">Create Customer Number</div>';

        if(isset($_POST['custno'])){    
echo '
        <p>Customer Number - '.$row["custno"].' </p>
        <p><a class="as-mainbtn"  href="eappt_accountcreate.php?apptno=<?php echo htmlspecialchars($apptno); ?>">Create Account</a></p>'; }

Javascript 代码

         <?php

       if (mysqli_num_rows($result) > 0) {
     // output data of each row
       while($row = mysqli_fetch_assoc($result)) {


    echo '  <div class="as-objecttitle">Create Customer Number</div>
        <p><input type="checkbox" id="myCheck"  onclick="myFunction()"           

       checked> Customer Number - '.$row["custno"].' </p>
        <p><i>If a customer number is listed, an account has already been  

         created.</i></p>
        <br>        
        <p id="text" style="display:none"><a class="as-mainbtn"  

         href="eappt_accountcreate.php?apptno=<?php echo 

         htmlspecialchars($apptno); ?>">Create Account</a></p>';



}

        } else {
            echo "";
          }

              mysqli_close($conn);
             ?>

            <script>
              function myFunction() {
              var checkBox = document.getElementById("myCheck");
                 var text = document.getElementById("text");
           if (checkBox.checked == true){
         text.style.display = "block";
              } else {
            text.style.display = "none";
               }
              }
                </script>

使用 JS 方法，用户必须选中复选框才能显示按钮。如果客户编号 - '.$row["custno"].' 正在显示并显示客户编号 - '.$row["custno"].' 为空。不是最好的解决方案。

提前感谢您提出的任何建议。

Answer 1

你不需要在这里使用javascript。您可以尝试使用 empty

if (empty($row['custno']) {
    echo '<a href="..">Create Account</a>';
} else {
    echo 'Customer Number - '. $row['custno'];
}