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

我有多个具有相同名称属性的复选框: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);
});

我的脚本有什么问题吗?

rockywell 回答:使用复选框JS的名称属性更改事件

请检查您的代码可能有误。您忘记添加一个方括号

$("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">

,

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

请尝试以下代码。

  

如何通过输入类型触发on更改。

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

通过输入字段的类名触发on更改的方法。

// Shorthand for $( document ).ready()
$(function() {
    console.log( "ready!" );
    $(".sol-checkbox").change(function(){
        alert($(this).val());
    });
});
本文链接:https://www.f2er.com/3162582.html

大家都在问