Rumah > Artikel > hujung hadapan web > 如何使用jQuery中Button的click事件的详解
今天刚刚接触jQuery
$("#Button1").click( function() { alert('我被点了') });
点击Button1后没有反应,帮忙修改一下吧
最终想要的效果是,点击Button1后,判断 textbox1的值是否为空,如果为空,则弹出“alert('textbox1不能为空')”
$(document).ready(function(){ $("#Button1").bind("click", function() { if($.trim($("#textbox1").val())=="") {alert('我被点了');} }); });
要注意的是,#只是修饰符,不是ID的人部分
<button id="Button1">Button1</button>
<button id="Button1">Button1</button> $("#Button1").click(function(){ if( $('.textbox1').val() == "" ){ alert('textbox1不能为空'); } })
可能是你沒有加
$(document).ready(function(){ });
這句吧...
可能是你的Button1这个ID的控件还没有加载出来。
加载出来就好了或者你可以把JS代码放后面执行,不要放在Head部分,这样对SEO也有好处。
$(function(){ $('#Button1').click(function(){ $('#textbox1').val()==''?alert('textbox1不能为空'):alert('我被点击了'); }); })
Atas ialah kandungan terperinci 如何使用jQuery中Button的click事件的详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!