使用复选框JS的名称属性更改事件

Question

我有多个具有相同名称属性的复选框： myTask

<input type="checkbox" class="sol-checkbox" name="myTask" value="1B">
<input type="checkbox" class="sol-checkbox" name="myTask" value="2B">
<input type="checkbox" class="sol-checkbox" name="myTask" value="3B">

和

每次用户单击复选框时，我都会执行此jQuery代码

$("input[name='myTask'").change(function(){
   alert(1);
});

我的脚本有什么问题吗？

Answer 1

请检查您的代码中可能有问题。 你忘了加一个方括号

 $("input[name='myTask']").change(function(){ alert($(this).val()); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" class="sol-checkbox" name="myTask" value="1B"> <input type="checkbox" class="sol-checkbox" name="myTask" value="2B"> <input type="checkbox" class="sol-checkbox" name="myTask" value="3B">

Answer 2

您忘记添加一个右方括号。

请尝试以下代码。

通过输入类型触发 on 变化的方式。

// Shorthand for $( document ).ready()
$(function() {
    console.log( "ready!" );
    $("input[name='myTask']").change(function(){
        alert($(this).val());
    });
});

通过输入字段的 class 名称触发 on change 的方式。

// Shorthand for $( document ).ready()
$(function() {
    console.log( "ready!" );
    $(".sol-checkbox").change(function(){
        alert($(this).val());
    });
});