Question

我在一个页面中有几个jQuery标签用于示例...

<input name="jquery" type="checkbox" value="jquery">
<input name="jquery-2" type="checkbox" value="jquery-2">
<input name="jquery-3" type="checkbox" value="jquery-3">

由于彼此同时崩溃，并且无法同时使用所有这些.js标签。

我创建了3个像这样的复选框......

<?php 
      $products = get_product_details(); 
      foreach($products as $ap) {
          $name = $ap['pro_name'];
          $description = $ap['descr'];
          $price = $ap['rrp'];  
          ?>
          <div class = "section_4">
                <h1 class = "food_h2"><?php echo $name; ?></h2>
                <br><img src = "img/products/hassellback_pot.jpg" class = "img_dis">
                <br><h1 class = "food_h2"><?php echo $description; ?></h1>
                <br><h1 class = "food_h2">£ <?php echo $price; ?></h1>
                <button class = "basket_btn" type = "button"> Buy </button>
          </div>
          <?php 
     } ?>

我喜欢的是当选中任何一个复选框并且变为禁用时，所以对于样本....我检查了jquery和jquery-2，并且不检查jquery-3。

我的问题是如何在检查时将代码写入从文件中禁用jquery 。

非常感谢。

Answer 1

假设您希望复选框在组中行为（选择1取消选中所有其他组），您可以执行以下操作：

let checkBoxes = $("[name^=jquery]")

// Listen to changes on all checkBoxes, ignore the current element and uncheck all else
// Make sure to use jQuery 1.6+
checkBoxes.change(function(e) {
    const me = this;
    checkBoxes.not(me).prop('checked', false).removeAttr('checked')
})

选中复选框时如何禁用

1 个答案: