jquery应该如何来设置改变按钮input的onclick事件


Posted in Javascript onDecember 10, 2012

jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: <input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/>这行代码是在程序后台生成的,和Discuz!NT论坛源码中的做法一样,页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是:要动态改变这个上一页按钮中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.但最后还是解决了我的难题。
Javascript 相关文章推荐
bcastr2.0 通用的图片浏览器
Nov 22 Javascript
js setattribute批量设置css样式
Nov 26 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
Feb 23 Javascript
js 获取时间间隔实现代码
May 12 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
基于jQuery Tipso插件实现消息提示框特效
Mar 16 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
jquery实现轮播图效果
Feb 13 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
Aug 05 Javascript
基于vue实现简易打地鼠游戏
Aug 21 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 #Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 #Javascript
JQuery each()函数如何优化循环DOM结构的性能
Dec 10 #Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 #Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 #Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 #Javascript
Ajax执行顺序流程及回调问题分析
Dec 10 #Javascript
You might like
php无限极分类实现的两种解决方法
2013/04/28 PHP
php返回json数据函数实例
2014/10/09 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
2016/05/30 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
详解vue axios中文文档
2017/09/12 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
浅谈Python黑帽子取代netcat
2018/02/10 Python
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2018/06/27 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
Flask配置Cors跨域的实现
2019/07/12 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
求职自荐信范文格式
2013/11/29 职场文书
公司总经理任命书
2014/06/05 职场文书
大学生创业计划书
2014/08/14 职场文书
2015年入党积极分子评语
2015/03/26 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
vue3中的组件间通信
2021/03/31 Vue.js
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
python基础之函数的定义和调用
2021/10/24 Python
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫
i7 6700处理器相当于i5几代
2022/04/19 数码科技
app场景下uniapp的扫码记录
2022/07/23 Java/Android