📜  oncheck 事件 jquery - Javascript (1)

📅  最后修改于: 2023-12-03 15:03:21.941000             🧑  作者: Mango

jQuery oncheck 事件

在jQuery中,oncheck事件可以用来检查复选框和单选框是否被选中。当选中或取消选中复选框或单选框时,oncheck事件会触发。

语法
$(selector).on('check', function() {
  // 进行检查时要执行的代码
});
示例

以下示例展示了如何使用oncheck事件来检查复选框是否被选中。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <title>jQuery oncheck 事件示例</title>
</head>
<body>

  <input type="checkbox" id="myCheckbox"> 复选框

  <script>
    $('#myCheckbox').on('check', function() {
      if($(this).is(':checked')) {
        console.log('复选框被选中了!');
      } else {
        console.log('复选框被取消选中了!');
      }
    });
  </script>

</body>
</html>

此示例中,检查复选框是否被选中的代码写在oncheck事件处理函数中。如果复选框被选中,代码将输出“复选框被选中了!”;如果复选框被取消选中,则代码将输出“复选框被取消选中了!”。

注意事项
  • oncheck事件只适用于复选框和单选框。
  • oncheck事件只能检查是否被选中,无法阻止复选框或单选框的选中。
  • oncheck事件可以与其他jQuery事件一起使用,如:click、change等。