从onclick函数发送多个值到jquery函数

Question

我想从点击函数发送多个数据到像这样的代码的jquery函数。

当我在我的按钮点击我得到[object Object]undefined]在警告框

代码：

$(function() { 
 
    $("#button").click(function myf(data1, data2) { 
 
    alert(data1 + data2); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="button" onclick="myf('hello','word');">click</a>

我该怎么办呢？

Answer 1

您正在使用2事件都将尝试听onclick事件 你可以删除其中的一个，像这样：

<script> 
$(function() { 
    $("#button").click(function() { 
    alert('hello' + 'word'); 
    }); 
}); 
</script> 

的ID始终是唯一的，所以你可以直接将你的值放入函数中。

如果你真的想使用jquery您可以使用此：

$("#button").click(function() { 
var data = $(this).data('params').split('|'); 
alert(data[0] + data[1]); 
}); 

而这对于HTML：

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
</script> 
<a href="#" id="button" data-params='hello|world'>click</a> 

Answer 2

下面的代码应该做的伎俩：

function myf(data1, data2) { 
 
    alert(data1 + data2); 
 
    return false; 
 
}

<a id="button" href="#" onclick="myf('hello', 'word');">click me</a>

返回FALSE;是为了防止默认操作。

Answer 3

从HTML传递数据绝对没有意义。

您正在将该功能绑定到按钮的id。那id必须是唯一的，所以只有这种值的单一组合。

只要使用此：

$(function() { 
 
    $("#button").click(function() { 
 
    alert('hello' + 'word'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="button">click</a>

或者，如果你想向从HTML发送数据，你将不得不做这样的事情：

function mf (data1, data2){ 
 
    alert(data1 + data2); 
 
}

<a href="#" id="button" onclick="mf('hello','word');">click</a>

或者，如果你想向使用jQuery，你将不得不做一些令人费解这样的：

$("#button").click(function() { 
 
    var data = $(this).data('params').split(','); 
 
    alert(data[0] + data[1]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" id="button" data-params='hello,word'>click</a>

Answer 4

至于说你已经有一个听众，我没有看到添加另一个点。

<button onclick="myf('hello','word')">click</button> 

<script> 
function myf(data1,data2){ 
    alert(data1+data2); 
} 
</script> 

https://jsfiddle.net/wnd6ovkf/

而jQuery的版本：

<button data1= "value" data2= "value2" class="btn">click</button> 
<button data1= "ohtervalue" data2= "othervalue2" class="btn">click</button> 

<script> 
$(".btn").click(function() { 
    alert(this.getAttribute("data1") + " " + this.getAttribute("data2")); 
}); 
</script> 

https://jsfiddle.net/wnd6ovkf/6/