按鈕不響應使用JQuery的單擊

Question

因此，我是JQuery的新手，正在嘗試編寫一個程序，該程序在單擊按鈕時返回（測試的控制台日志）按鈕的值。 由於某些原因，單擊按鈕時我的代碼未注冊，此外，我認為沒有為“ car”參數解析正確的值。

這是我的代碼（可能超出所需數量，但不確定我要去哪里）：

 $(document).ready(function() { $(":button").click(myFunction(this.value)); }); function myFunction(car) { selection = car; console.log(selection); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="button" name="newButton" value="Mercedes"> <br> <input type="button" name="newButton" value="BMW"> <br> <input type="button" name="newButton" value="Audi"> 

我希望程序記錄所按下按鈕的值，但是目前不記錄任何內容。

謝謝

Answer 1

問題是您正在此處執行功能。 您應該分配它，而不是執行它。

 $(document).ready(function() { $(":button").click(myFunction); }); function myFunction(event) { selection = event.target.value; console.log(selection); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="button" name="newButton" value="Mercedes"> <br> <input type="button" name="newButton" value="BMW"> <br> <input type="button" name="newButton" value="Audi"> 

您可以使用上述方法，或者更好的方法是：

 $(document).ready(function() { $(":button").click(e => myFunction(e.target.value)); }); function myFunction(car) { selection = car; console.log(selection); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="button" name="newButton" value="Mercedes"> <br> <input type="button" name="newButton" value="BMW"> <br> <input type="button" name="newButton" value="Audi"> 

Answer 2

沒有jQuery的幫助，這非常容易：

 document.addEventListener('DOMContentLoaded', function() { // native way to do $(document).ready(function() { // get a list of all buttons and iterate over it for (const btn of document.querySelectorAll('input[type=button]')) { // and add a click listener to each one of them btn.addEventListener('click', function(event) { console.log(btn.value); }) } }) 

 <input type="button" name="newButton" value="Mercedes"> <br> <input type="button" name="newButton" value="BMW"> <br> <input type="button" name="newButton" value="Audi">