複数の値をonclick関数からjquery関数に送信

Question

このコードのようにjquery関数にclick関数から複数のデータを送信したいと思います。

私は私のボタンをクリックすると私は警告ボックスで[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

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

アン：のonclickイベントに耳を傾ける あなたはとてもようにそれらのいずれかを削除することができます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>

リターンを。デフォルトのアクションを防ぐことです。

Answer 3

HTMLからデータを渡すことは絶対にありません。

ボタンのidにその機能をバインドしています。そのidはである必要があります。したがって、このような値の組み合わせは1つだけです。

ただ、これを使用する：あなたはたい場合は、HTMLからデータを送信するために、を

$(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>

をそれとも、あなたはこのような何かをする必要があるとしている：

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

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

それとも、あなたははjQueryのを使用したい場合、あなたはこのように畳み込ん何かをする必要があるとしている：

あなたがしようとする両方の2イベントを使用している

$("#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/