change event using name attribute of checkbox JS

Question

I have this multiple checkboxes with same name attribute : 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">

and

I have this jQuery code to perform every time the user clicks on the checkboxes

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

is there anything wrong with my script?

$("input[name=myTask]").change(function(){ I tried this but still not working.. — King RG
– King RG, Commented Nov 5, 2019 at 2:59
Ok after $("input[name=myTask]") you may need to wrap your code in $(document).ready(function(){ // your code here }) .. ِAlso keep eyes on console for errors — Mohamed-Yousef
– Mohamed-Yousef, Commented Nov 5, 2019 at 3:02
$(document).ready(function(){ $("input[name=myTask]").change(function(){ alert(1); }); }); Tried this one still not working and I also checked the console log no error found — King RG
– King RG, Commented Nov 5, 2019 at 3:06
You can try $(document).on('change' , "input[name=myTask]" , function(){alert(1)}) — Mohamed-Yousef
– Mohamed-Yousef, Commented Nov 5, 2019 at 3:08
Please hit f12 and note any console errors. If you wrap it in a document.load you shouldn't get any issues (unless it wants you to put your script below your body - which happens. Please check the console. — EGC
– EGC, Commented Nov 5, 2019 at 3:29

Pranav MS · Accepted Answer · 2019-11-05 09:28:25Z

1

Please check may be something wrong in your code. You have forgot to add one square bracket

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

edited Nov 5, 2019 at 9:28

Pranav MS

2,3212 gold badges26 silver badges57 bronze badges

answered Nov 5, 2019 at 4:19

jishan siddique

1,8852 gold badges17 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pranav MS · Accepted Answer · 2019-11-05 04:39:59Z

1

You forgot add one closing square bracket .

Please try below code.

Way to trigger the on change through the input type.

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

Way to trigger the on change through the class name of the input field.

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

answered Nov 5, 2019 at 4:39

Pranav MS

2,3212 gold badges26 silver badges57 bronze badges

Collectives™ on Stack Overflow

change event using name attribute of checkbox JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related