Jquery 在没有 class 或 id 的按钮上单击事件

Question

我有这个按钮，我无法更改，也无法编辑 toCashier():

<input type="button" value="Till kassan" onclick="toCashier()">

我想跟踪它是否被点击并执行一些 javascript。

$(document).ready ( function () {
    $('button[value="Till kassan"]').on('click', function(){
        alert("Night button clicked");
    });
});

我试过了，但似乎不起作用。我尝试了各种方法，但无法正常工作。

Answer 1

按钮 !== 输入

您需要使用正确的选择器。

$('input[value="Till kassan"]')

Answer 2

您的输入和按钮不匹配，请尝试以下操作：

$(document).ready ( function () {
   $('input[value="Till kassan"]').on('click', function(){
    alert("Night button clicked");
   });
});

或者

$(document).ready ( function () {
   $('input[type="button"][value="Till kassan"]').on('click', function(){
    alert("Night button clicked");
   });
});

Answer 3

如果用函数点击，toCashier()函数需要创建：

function toCashier(){      
    alert("Night button clicked");    
}

Jquery 在没有 class 或 id 的按钮上单击事件

Jquery click event on button without class or id

javascript

jquery

button