jquery怎样修改onclick属性值

jquery怎样修改onclick属性值,第1张

这篇文章主要介绍了通过jQuery的attr修改onclick值的解决方法 ,需要的朋友可以参考下

好了,直接给大家贴上js代码吧

var js = "alert('B:' + this.id)return false"

var newclick = eval("(function(){"+js+"})")

$("#anchor").attr('onclick', '').click(newclick)

如果onclick事件原先有值,要先清空,再用click( eval(function(){.....}) )赋值

$("input[name='orderCar']").attr('onclick','').click( eval(function(){Test()}))

function Test(){

alert("测试通过!")

return

}

比如开始时有个按钮

<input id=prebt type=button value=上一页 onclick=ToPage(2)/

这行代码是在程序后台生成的.

和Discuz!NT论坛源码中的做法一样.

如下例举几个..都是失败的:

JScript code

$(#prebt).unbind(onclick,function(){var p= $(#nextbt).parent()$(#nextbt).remove()

p.append(<input id=\nextbt\ type=\button\ value=\编辑\ onclick=\ToPage(14)\/)})

JScript code

$(#prebt).removeAttr(onclick)

$(#prebt).attr(onclick,ToPage(4))或者:$(#prebt).attr(onclick,)

$(#prebt).attr(onclick,ToPage(4))

JScript code

$(#prebt).removeAttr(onclick)

------解决方案--------------------------------------------------------

$(#prebt).unbind(onclick)

$(#prebt).bind(onclick,ToPage(4))

------解决方案--------------------------------------------------------HTML code

首先要给图片添加一个Id,之后在jquery中写如下代码:

$("#图片ID").click(function(){

alert("aa”)

})

或者

$("#图片ID").bind("click",function(){

alert("aa")

})

扩展资料:

Click 事件实际应用:

此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。

对一个 Form 对象来说,该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说,这类事件的发生是当: 用鼠标的左键或右键单击一个控件。对 CheckBox, CommandButton, Listbox 或 OptionButton 控件来说,Click 事件仅当单击鼠标左键时发生。

通过按下箭头键或者单击鼠标按钮,对 ComboBox 或 ListBox 控件中的项目进行选择。

当 CommandButton,OptionButton 或 CheckBox 控件具有焦点时,按下 SPACEBAR 键。

当窗体带有其 Default 属性设置为 True 的 CommandButton 控件时,按下 ENTER 键。

当窗体带有一个 Cancel 按钮 — 其 Cancel 属性设置为 True 的 CommandButton 控件时,按下 ESC 键。

对控件按下一个访问键。例如,如果一个 CommandButton 控件的标题是 "&Go",则按下 ALT+G 键可触发该事件。 也可在代码中触发 Click 事件,通过: 将一个 CommandButton 控件的 Value 属性设置为 True。

将一个 OptionButton 控件的 Value 属性设置为 True。

改变一个 CheckBox 控件的 Value 属性的设置。

参考资料来源:百度百科:Click事件


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11210065.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存