如何使用jQuery中Button的click事件的详解

来源：动视网责编：小采时间：2020-11-27 20:18:30

如何使用jQuery中Button的click事件的详解

如何使用jQuery中Button的click事件的详解:今天刚刚接触jQuery $("#Button1").click( function() { alert('我被点了') }); 点击Button1后没有反应，帮忙修改一下吧最终想要的效果是，点击Button1后，判断 textbox1的值是否为空，如果为空，则弹出alert('

推荐度：

点击下载本文 文档为doc格式

导读如何使用jQuery中Button的click事件的详解:今天刚刚接触jQuery $("#Button1").click( function() { alert('我被点了') }); 点击Button1后没有反应，帮忙修改一下吧最终想要的效果是，点击Button1后，判断 textbox1的值是否为空，如果为空，则弹出alert('

今天刚刚接触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>

<input type="checked" class="textbox1" />

$("#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('我被点击了'); 
 });
})

如何使用jQuery中Button的click事件的详解

推荐度：

点击下载本文 文档为doc格式

标签：事件怎么按钮

热门焦点

如何使用jQuery中Button的click事件的详解

如何使用jQuery中Button的click事件的详解

如何使用jQuery中Button的click事件的详解

最新推荐

猜你喜欢

热门推荐