Javascript 单击定位标记不起作用

单击锚定标记不起作用。以下是我的代码：

$('#selectall').onclick(function () {
    console.log("Hello");
});

<li>
  <a class="selectall" id="selectall">
     <i class="fa fa-square-o"></i> Select All
  </a>
</li>

---

您使用的似乎是jquery，因此不应该使用onclick，而应该使用click

 <a href="javascript:void(0)".... >

或

并将方法用作click not onclick

尝试单击事件

问题是onclick不应该这样使用。你可以这样做

$('#selectall').click(function ....)

或

a

对于jQuery不存在默认情况下，“onclick”是一个javascript函数。 $'selectall'。单击函数{ 你好； };

---

全选因为您还使用了selectall来标识它，所以它是正确的。你确实需要 $'selectall'。单击函数{ tho

---

另外，什么时候执行js？如果上面的js代码是在包含锚定标记的html呈现之前执行的，它将失败，因为它还没有绑定到任何东西。

我假设$jQuery是如此使用。单击“否”。单击“否”

否则，vanillaJS代码是

document.getElementById('selectall').addEventListener('click',function(){
    console.log('hello');
},false);

---

我总是使用委托事件，因此a.selectall元素可以动态添加/删除，而不会弄乱您的单击侦听器

$("body").on("click", ".selectall", function(evt){
    //click handler code here
});

---

有一个id=selectAllA元素的id为selectall，如果您查看代码的话。

$('#selectall').onclick(function ... )

document.getElementById('selectall').addEventListener('click',function(){
    console.log('hello');
},false);

$("body").on("click", ".selectall", function(evt){
    //click handler code here
});