【JS 一行代码触发Button点击事件】

获取控件然后触发就行了,服务器控件一样有效

javascript:


document.getElementById("ButttonID").click()

jQuery:


$("#ButttonID").click();

如果按钮有js和后台两个按钮触发事件,且需要先触发js,等js结束了才执行后台的方法你还可以这样:

HTML:

<asp:Button runat="server" name="Button1" id="Button1" text="点我!" OnClientClick="javascript:return JS_Click();"   onclick="houtai_Click" />

<input type="hidden" name="bool" id="bool" value="一个工具控件"  />

JS:

function JS_Click() {

        if (document.getElementById("bool").value != "一个工具控件") {
            return true;
        } else {
            /*你要执行的代码放这里*/


            document.getElementById("bool").value="一个完成任务的工具控件"
            document.getElementById("Button1").click()
            return false;
        }
        
    };

原理很简单,就是触发按钮点击事件的时候 js 直接给它一记return false; 强行终止他去后台,等js的方法慢慢悠悠的执行完,在js里第二次触发按钮的点击事件,这时js的方法已经执行完了,一路绿灯送去后台执行后台的方法

如果觉得“哎呀!居然还要创建控件!也太麻烦了!!”,你还可以这样:
HTML:

<asp:Button runat="server" name="Button1" id="Button1" text="点我!" OnClientClick="javascript:return JS_Click(false);"   onclick="houtai_Click()" />

JS:

function Method() {

        /*你要执行的代码放这里*/
        

		JS_Click(true);
};
    
function JS_Click(bool) {

        if (bool) {
            return true;
        }else{
        	/*阻止表单提交*/
			event.preventDefault();
			
			Method();
		}
        
    };

原理也很简单,在按钮里传入false运行JS_Click()让其阻止表单提交并运行JS的方法,在JS的方法运行完成之后传入true运行JS_Click(),使其顺利跳转到后台运行后台的方法

  • 3
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值