📌  相关文章
📜  jquery 取消选中复选框 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:17.297000             🧑  作者: Mango

jQuery取消选中复选框

本文将介绍如何使用jQuery来取消选中复选框。

HTML

首先，在HTML中，我们需要创建一个复选框：

<input type="checkbox" id="checkbox1" checked>
<label for="checkbox1">选中</label>

注意，这里的checked属性会将复选框默认选中。

jQuery

现在，我们需要使用jQuery来取消选中复选框。

$(document).ready(function(){
  $('#checkbox1').prop('checked', false);
});

我们使用jQuery选择器来选中我们的复选框，并使用prop()方法将其取消选中。

完整示例

接下来是一个完整的示例：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
  <input type="checkbox" id="checkbox1" checked>
  <label for="checkbox1">选中</label>

  <script>
    $(document).ready(function(){
      $('#checkbox1').prop('checked', false);
    });
  </script>
</body>
</html>
结论

现在，你已经知道如何使用jQuery来取消选中一个复选框。