如何处理button在jQuery中点击事件?
我需要一个button,并在jQuery中处理它的事件。 而我正在写这个代码,但它不工作。 我错过了什么?
<!-- Begin Button --> <div class="demo"> <br> <br> <br> <input id = "btnSubmit" type="submit" value="Release"/> <br> <br> <br> </div> <!-- End Button -->
并在JavaScript文件中
function btnClick() { // button click $("#btnSubmit").button().click(function(){ alert("button"); }); }
您必须将事件处理程序放在$(document).ready()事件中:
$(document).ready(function() { $("#btnSubmit").click(function(){ alert("button"); }); });
$(document).ready(function(){ $('your selector').bind("click",function(){ // your statements; }); // you can use the above or the one shown below $('your selector').click(function(e){ e.preventDefault(); // your statements; }); });
$("#btnSubmit").click(function(){ alert("button"); });
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button").click(function(){ alert("Hello"); }); }); </script> <input type="button" id="button" value="Click me">
$('#btnSubmit').click(function(){ alert("button"); });
要么
//Use this code if button is appended in the DOM $(document).on('click','#btnSubmit',function(){ alert("button"); });
查看文档以获取更多信息:
https://api.jquery.com/click/
<script type="text/javascript"> $(document).ready(function() { $("#Button1").click(function() { alert("hello"); }); } ); </script>
$('#btnSubmit').click(function(event){ alert("Button Clicked"); });
或者你正在使用提交button,所以你可以写你的代码在窗体的validation事件,如
$('#myForm').validate(function(){ alert("Hello World!!"); });
为我工作
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#btn").click(function() { alert("email") }); </script>