<input type="button" id="b" 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()
});
}
function click1()
{
alert(1);
}
function click2()
{
alert(2);
}
</script>
第一种可以实现的方法的代码细节如下:
HTML code:
<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>
第二种方法也是可以实现的,如下面的代码细节:
<input type="button" id="b" 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(' '');
$("#b").click(function(){
click2();
});
}
function click1()
{
alert(1);
}
function click2()
{
alert(2);
}