jquery应该如何来设置改变按钮input的onclick事件
2012-12-10 00:00
721 查看
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: <input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/>这行代码是在程序后台生成的,和Discuz!NT论坛源码中的做法一样,页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是:要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子:
1.JavaScript code:
2.JavaScript code:
实在是没有办法了,只能是在网上发布了相关的请求,有朋友问我,是否我要的效果就如下面的:
其实我要的效果就是跟上面的一样的,但是上面的方法跟我原本的效果是差不多的,也是没办法执行,而且根本都绑定不上去.
又有热心的网友给了一个我代码例子,说是对我有帮助,如下的细节:
XML/HTML code:
以上在ie8中测试时,单击时候结果为1,即使是这样,但是还不是我原本所想要的效果。难道是真的没有方法可以实现了吗?
最终我还是自己给想出了一个比较笨的方法,可以实现的,如下:
然后后台程序自自动把prespan中的内容替换掉.
虽然没有用到设置onclick.但最后还是解决了我的难题。
1.JavaScript code:
$(“#prebt”).unbind(“onclick”,function(){var p= $(“#nextbt”).parent();$(“#nextbt”).remove(); p.append(“<input id=\”nextbt\” type=\”button\” value=\”编辑\” onclick=\”ToPage(14)\”/>”)}); JavaScript code: $(“#prebt”).removeAttr(“onclick”); $(“#prebt”).attr(“onclick”,”ToPage(4)”); 或者: $(“#prebt”).attr(“onclick”,”"); $(“#prebt”).attr(“onclick”,”ToPage(4)”);
2.JavaScript code:
$(“#prebt”).removeAttr(“onclick”); $(“#prebt”).click(function(){ToPage(4)}); //此句会导致死循环..不知是怎么回事.. //我做的分页功能…这样写导致数据一直在乱跳,应该怎样来解决呢?
实在是没有办法了,只能是在网上发布了相关的请求,有朋友问我,是否我要的效果就如下面的:
$(“#prebt”).unbind(“onclick”); $(“#prebt”).bind(“onclick”,”ToPage(4)”);
其实我要的效果就是跟上面的一样的,但是上面的方法跟我原本的效果是差不多的,也是没办法执行,而且根本都绑定不上去.
又有热心的网友给了一个我代码例子,说是对我有帮助,如下的细节:
XML/HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> //<![CDATA[ function toPage(id){alert(id);} $(function(){ $('#btndemo').removeAttr('onclick').unbind('click').click(function(){ toPage(1); }) }) //]]> </script> </head> <body> <input id="btndemo" type="button" value="click" onclick="toPage(4)" /> </body> </html>
以上在ie8中测试时,单击时候结果为1,即使是这样,但是还不是我原本所想要的效果。难道是真的没有方法可以实现了吗?
最终我还是自己给想出了一个比较笨的方法,可以实现的,如下:
<span id=”prespan”><input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/></span>
然后后台程序自自动把prespan中的内容替换掉.
$(‘#prespan').empty(); $(‘#prespan').append(“<input id=\”prebt\” type=\”button\” value=\”上一页\” onclick=”\ToPage(4)\”/>”);
虽然没有用到设置onclick.但最后还是解决了我的难题。
相关文章推荐
- jquery应该如何来设置改变按钮input的onclick事件
- 设置监听class改变事件,由原来的设置单个按钮点击触发方法onclick=“方法()”改为addEventListener
- jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选
- jquery获取input单选按钮点击事件及单选按钮值的方法
- 巧妙使用Jquery 改变元素的 onclick 事件
- 如何点击一个按钮 分别触发两个jquery事件
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- jquery中如何实现按回车触发按钮事件
- jquery监听由脚本改变input值的事件
- jquery中如何实现按回车触发按钮事件
- jquery中如何实现按回车触发按钮事件
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- input圆形多选按钮状态改变(checked)与点击触发事件的优先顺序
- jQuery的如何捕捉回车键,改变事件标签
- Jquery 改变元素的 onclick 事件(出现几个click事件响应叠加的情况解决方案)
- jquery对input="button" onClick的改变
- 如何在html中直接给某个按钮置灰(样式、去除绑定事件), querySelector与jquery selector的不同之处
- jquery 下拉框改变 事件 动态显示input
- JavaScript的 onclick 事件是如何调用jquery 方法的