javascript - 如何动态禁用和启用div

Question

我正在开发一个购物网站，我在结账时使用邮政编码验证地址。我想禁用每个不可交付的 div。 下面是代码

<?php
    if (isset($all[0])) {
        for($i = 0; $i <= count($all) ; $i++) {
            if (isset($all[$i])) {
?>
                <div class="col-sm-5 col-md-3 col-xs-12">
                    <div id="addrs" class="col-sm-12 col-md-12 col-xs-12 addr-box" data-addr="<?php echo $all[$i]['id']; ?>">
                        <strong><?php echo $all[$i]['name']; ?></strong>
                        <?php echo $all[$i]['zip'] ?>
                        <?php
                            if ($all[$i]['zip'] && (in_array($all[$i]['zip'], $area['area']))) {
                                $availability = '<p>True</p>';
                            } else {
                                $availability = '<p>False</p>';
                            }
                        ?>
                    </div>
                    <?php echo $availability ?>
                </div>
<?php
            }
        }
    }
?>

Answer 1

<?php
if (isset($all[0])) {
  for($i = 0; $i <= count($all) ; $i++) {
    if (isset($all[$i])) {
      $availability = ($all[$i]['zip'] && (in_array($all[$i]['zip'], $area['area'])));
      ?>
      <div class="col-sm-5 col-md-3 col-xs-12" <?php if(!$availability){ echo "style='pointer-events:none;'"; } ?> >
        <div id="addrs" class="col-sm-12 col-md-12 col-xs-12 addr-box" data-addr="<?php echo $all[$i]['id']; ?>">
          <strong><?php echo $all[$i]['name']; ?></strong>
          <?php echo $all[$i]['zip']; ?>
        </div>
        <?php echo "<p>".($availability ? "True" : "False")."</p>"; ?>
      </div>
      <?php
    }
  }
}
?>

我不完全确定这是否是您要查找的内容，但这会将 style='pointer-events:none;' 添加到不可用的 div，这应该会阻止他们无法点击。