例如下面的代码,这样我点击链接是就会触发按钮的click事件,我希望实现点击链接时修改按钮的click时间,当再点击确定时触发的是click2函数,应该怎么来实现呢?是需要修改下面的代码还是直接用其他的代码一样可以实现呢?
<input type="button" id="b" value="确定"><br><br>
<a href="javascript:;" οnclick="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:;" οnclick="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);
}
<input type="button" id="b" value="确定"><br><br>
<a href="javascript:;" οnclick="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:;" οnclick="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);
}
</script>
文章来源自:http://www.znjcx.com/html/y2012/3350_implements-the-click-function-jquery-modify-button.html
转载于:https://blog.51cto.com/znjcx/1062711