使用復選框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());
    });
});