Simple Jquery function syntax

Question

I want to make simple Jquery function like this:

function switchButton($param) {
 $param.on('change', function() {
  var result = $($param +'.switch-field input[name=switch]:checked').val();
  alert(result);
});
}

Execute like this:

switchButton(('.switch-field input'));

Please help to format this function correctly. Thank you.

switchButton($('.switch-field input')); missing the $. And then your inner lookup would need to be changed to $param.find('.switch-field input[name=switch]:checked').val() — Taplar
– Taplar, Commented Apr 12, 2018 at 17:18
This is a normal JavaScript function; a jQuery function is attached to the jQuery prototype and called on jQuery objects like $('input').val(). Just be aware of the differences. — chazsolo
– chazsolo, Commented Apr 12, 2018 at 17:25

user3271960 · Accepted Answer · 2018-04-12 17:23:44Z

1

JSFiddle: https://jsfiddle.net/xpvt214o/111367/

function switchButton(element) {
    element.on('click', function() {
        alert(element[0].id); // do something
    });
}

switchButton($('#btn1'));
switchButton($('#btn2'));

answered Apr 12, 2018 at 17:23

user3271960

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

4 Comments

Grufas Over a year ago

Ok, I will ask it differently, how to convert code below to proper function: function switchButton() { $('.switch-field input').on('change', function() { var result = $('.switch-field input[name=switch]:checked').val(); alert(result); }); } So it can be used as easy as possible in different places.

Stephen P Over a year ago

@LifeIsShort - if you need to clarify your question, then Clarify your Question ... don't try to shovel more code in comments.

user3271960 Over a year ago

What @StephenP said. Also, take the template code I gave you above and fork off that. Don't wait for someone to give you the exact code you need for your application just so you can copy paste it or you're going to have a rough time in software development.

user3271960 Over a year ago

@LifeIsShort Cheers.

Collectives™ on Stack Overflow

Simple Jquery function syntax

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related