如何将多个参数发送到jQuery点击函数

Question

可能的重复项：
如何将多个参数发送到jQuery点击函数？

我想将多个参数传递给 Jquery 函数。下面是Javascript示例代码。我想将这个javascript函数转换为jquery函数。如何将该参数传递给 jquery onclick 事件？

<a onclick="showState('state_name','state_id')">ADD STATE </a>
function showState(state_name,state_id){
openbox_state(state_name,state_id);
}

Answer 1

也许我会在这里使用数据集：

.HTML：

<a data-state_name="state_name" data-state_id="state_id" >ADD STATE</a>

.JS：

$(function() {
...
  $('a[data-state_id]').click(function() {
    var $this = $(this);
    showState($this.data('state_name'), $this.data('state_id'));
    return false;
  });
...
});

您实际上不必对单击的对象进行 jwrap，因为您可以使用数据集 API（如果您不支持 IE9-）或简单的getAttribute方法获取属性值。然而，我发现这种语法更干净易读。

Answer 2

正确的方法是：

<a href="#" id="myanchor" data-nm="state_name" data-id="state_id">ADD STATE </a>
<script type="text/javascript">
$(document).ready(function(event) {
   event.preventDefault();
   $('#myanchor').on('click', function() {
      openbox_state( $(this).data('nm') , $(this).data('id'));
   });
});
</script>

Answer 3

你的 Jquery 代码：

<script language="javascript" type="text/javascript">
 var state_name=$('#txtName').val();
 var state_id=$('#txtid').val();
$(document).ready(function () {
     $('a').click(function(){
        showState(state_name,state_id);
         });
});

function showState(state_name,state_id){
   openbox_state(state_name,state_id);
  }
</script>  

您的网页：

<a href="javaScript:void(0);">ADD STATE </a>
<input type="text" id="txtName" value="Tom Cruse" />
<input type="text" id="txtid" value="1" />

此 jQuery 通过使用输入的 ID 从输入中获取值，并将它们用作参数来调用该方法。

Answer 4

如果您需要的是

传递要在事件处理程序中使用的其他数据，jQuery 单击事件绑定器已经支持此功能。但是为了使用它，您必须通过代码而不是内联绑定来绑定事件处理程序。

$（function（）{ $（'#id'）.click（{extra ： "data"}，function（）{//handler code}）;});

检查文档：http://api.jquery.com/click/