jquery中的事件监听器

Question

我编写了一个名为function1和function2的javascript函数，我在下面使用它作为onclick：

<input type="checkbox" onClick="function1(); function2();" name="name1" value="">
<input type="checkbox" onClick="function2()" name="name2" id="name2" value="">

但是如果我想添加事件监听器而不是onclicks，我写的是这样的：

<input type="checkbox" name="name1" id="name1" value="">
<input type="checkbox" name="name2" id="name2" value="">

$(document).ready(function(){
    jQuery("#name1").click( function(){
        function1(); function2();
    });
    jQuery("#name2").click( function(){
        function2();
    });
});

但这不起作用。我错了吗？

请帮忙。

Answer 1

了解如何编码：

• 包含jQuery

• 在<script>标记

中添加您的JS代码

---

<input type="checkbox" name="name1" id="name1" value="">
<input type="checkbox" name="name2" id="name2" value="">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#name1").click(function() {
       alert('test1');
       // or your function1();
    });
    $("#name2").click(function() {
       alert('test2');
       // or your function2();
    });
});
</script>

Answer 2

使用click在较新版本的Jquery中弃用on方法。变化

  

jQuery（“＃name1”）。click（function（）{

到

  

jQuery（“＃name1”）。on（'click'，function（）{

如果你这样做会更好

$(document).ready(function(){
    jQuery("#name1").on('click', function(){
        function1(); function2();
    });
    jQuery("#name2").on('click', function(){
        function2();
    });
});