如何动态禁用和启用div

时间:2016-07-15 09:23:24

标签: javascript jquery css

我正在开发一个购物网站,我在结帐时使用zipcode验证地址。我想禁用每个无法交付的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
            }
        }
    }
?>

1 个答案:

答案 0 :(得分: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中,这会阻止它们被点击。