jQuery替换h：commandLink中的onClick

Question

我想做的是用JQuery代替单击。

的<h：commandLink的onClick = “hi” 值= “按钮”/>

至

<h：commandLink onClick =“ function（hi）” value =“ Button” />

是否可以使用JQuery在命令内部进行选择？ 更具体地说，您可以使用JSF标签吗？

谢谢您的帮助！

Answer 1

您可以为按钮指定一个id或class ， click()在其上调用click()函数。

编辑

$( ".class" ).click(function() {  //Or #id
    //Do work
});

这样，具有class或id任何元素都将调用该函数，它仍然像onClick事件一样工作

Answer 2

弄清楚了。 这是答案。

$( ".class" ).attr('onclick', 'whatever I want it to be');

这样您就可以这样做。

<h:commandLink class='btn' onClick="hi" value="Button"/>
var text = $('.btn').attr('onclick');

$('.btn').attr('onclick', "function("+text+")");

再进一步，对屏幕上的每个按钮进行操作。

$('.btn').each(function () {
      var text = $(this).attr('onclick');

      $(this).attr('onclick', "function("+text+")");
});

Answer 3

要选择命名空间属性，可以使用过滤器。 这是使用您的代码的演示：

http://jsfiddle.net/fBv4q/

$('button').filter(function() { return typeof $(this).attr('h:commandlink') != 'undefined'; }).attr('onclick','alert(111)').html('Modified onClick');

“未定义”检查很重要，因为您的属性没有值，但仍然存在。

与其提供一个函数调用字符串，不如使用jQuery的“ on”方法附加事件。