從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/