gpt4 book ai didi

javascript - 如何绑定(bind)onclick事件来调用函数

转载 作者:行者123 更新时间:2023-12-01 01:10:30 24 4
gpt4 key购买 nike

当有人选中该复选框时,我尝试绑定(bind)一个函数。

我有这个jsfiddle它工作正常,但我有相同的代码,但它不起作用。

我已经将 CDN 用于 JQuery 和 Bootstrap,希望没有问题。

在下面的代码中,甚至没有完美绑定(bind),我没有看到任何警报,尽管相同的代码在提到的 fiddle 中工作得很好。

HTML 代码

<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap FILES -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!-- font awesome for the icons -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-center">
<input type="checkbox" id='mark' name='mark'>
</div>

</div>
</div>
</div>
<script>
$(document).on('click', 'input[name="mark"]', function() {
// when the checkbox is checked then do the following
alert('thanks for checkcing me');

});
</script>
</body>

</html>

这段代码有什么问题?如果没有,那么为什么当我选中该复选框时没有收到任何类型的警报。请帮忙,谢谢!

最佳答案

检查加载的jquery:

if (typeof jQuery == 'undefined') {  
console.log("jQuery is not loaded"); // Or
alert("jQuery is loaded");
} else {
console.log("jQuery is not loaded");
alert("jQuery is not loaded");
}

关于javascript - 如何绑定(bind)onclick事件来调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55198323/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com