jquery修改button的click函数的实现代码

发布时间:2020-05-22编辑:脚本学堂
本文介绍了,Jquery实现可以修改button的click函数的二个代码,有需要的朋友,可以参考下。

如下的代码,点击链接会触发按钮的click事件,希望实现点击链接时修改按钮的click事件,当再点击确定时触发的是click2函数!
 

<input type="button" id="b" onclick="click1();" value="确定"><br><br>
<a href="javascript:;" onclick="change_click();">点击修改button的click事件</a>

具体实现方法如下,需要引入外部jquery文件。
 

复制代码 代码示例:
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function change_click()
{
   $("#b").unbind('click'); 
  $("#b").bind({
   click: click2()
   });
}
function click1()
{
   alert(1);
}
function click2()
{
   alert(2);
}
</script>

方法1,
 

复制代码 代码示例:

<script type="text/javascript">
function click1(){
  alert('1');
}
function click2(){
  alert('2');
}
$(function(){
    $("#_b").click(function(){
        click1();
    });
    $("#_change").click(function(){
        $("#_b").unbind('click');
        $("#_b").click(function(){
            click2();
        });
    });
})

</script>

<input type="button" id="_b" value="确定"><br><br>
<a href="javascript:;" id="_change">点击修改button的click事件</a>

方法2,
 

复制代码 代码示例:

<input type="button" id="b" onclick="click1();" value="确定"><br><br>
<a href="javascript:;" onclick="change_click();">点击修改button的click事件</a>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function change_click()
{
   //$("#b").unbind('click'); 
  /*$("#b").bind({
   click: click2()
   });*/
   $("#b").attr('onclick', '');

  $("#b").click(function(){
   click2();
   });
}
function click1()
{
   alert(1);
}
function click2()
{
   alert(2);
}
</script>