如何在 Jquery 中将 Onclick 事件绑定到 Javascript答案

【问题标题】：How to Bind the Onclick event In Jquery in correspondance to Javascript如何在 Jquery 中将 Onclick 事件绑定到 Javascript
【发布时间】：2011-03-20 14:46:59
【问题描述】：

我在 php 代码中有一个选择按钮，它传递动态生成的行值，我该如何做这个 jquery？

PHP 代码

<input type ="button"  onclick="select(add,'<?php echo $_POST['somevale=ue']?>')"

Javascript

function select (fnname, val){
   //Val changes every time
}

如何在 Jquery 中将点击事件传递给按钮并传递动态值并在 Jquery 中定义函数？

【问题讨论】：

标签： php javascript jquery code-generation

【解决方案1】：

使用准备好的文档中的点击处理程序。请注意，add 必须是有效的函数，它才能在当前范围内可用。

$(function() {
    $('input').click(function() {
        select(add, 'value you need to pass');
    });

    function add() {
        ..
    }
});

【讨论】：

我必须从 php 动态传递值，我必须绑定 onclick 事件，例如 // 在 jquery 函数中，我应该能够获取该值并进行操作
@Someone - PHP 代码中的值来自哪里，JavaScript 代码中的哪里去？对 HTML 结构进行更多解释会有所帮助。

【解决方案2】：

您可以在此处使用HTML5 data-attributes（它们不会在 HTML4 中引起问题），如下所示：

<input type="button" class="add" data-value="<?php echo $_POST['somevalue']?>" />

然后您可以使用.attr() 在您的函数中获取它，如下所示：

$(function() {
  $(".add").click(function() {
    var value = $(this).attr("data-value");
    select('add', value); //call original function
    //or, put that function's content in here
  });
});

Give it a try here

【讨论】：

感谢您的快速响应，我为表格中的每一行动态生成按钮如何获取每个按钮的数据值
@Someone: 如果你在生成时只做data-value=".$something."，$something 是每行都在变化的变量，这就是你所需要的......上面的 jQuery 得到了data-value 来自被点击的元素.
嗨，我有 5 行，但我正在获取第一行“选择按钮”，如果我点击下一行“选择按钮”，我将没有获取其余行
非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢，非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢非常感谢真的非常感谢/跨度>
@Someone：真的欢迎 :) 请务必通过有帮助的问题旁边的复选标记来接受这个问题和未来问题的答案 :)