how to get types of input-type checkbox and radio in jQuery

Question

jQuery('.pricefield select','.pricefield input').each
    (jQuery(this).change (function (){
        alert(jQuery(this).attr("type")); //it give undefined
        alert(jQuery(this).is(':input')); //it gives false
        var allInputs = jQuery(":input"); 
        alert(allInputs.attr('type'));  //it gives hidden
        get_sum();
    }
));

How can I can identify the field type as select or radio or checkbox?

That syntax doesn't look right, .each expects a callback but you're passing a jQuery collection. Can you post a demo to reproduce the issue? — elclanrs
– elclanrs, Commented Jan 11, 2014 at 11:22

adeneo · Accepted Answer · 2014-01-11 11:22:33Z

3

jQuery('select, input', '.pricefield').on('change', function () {
     var tag  = $(this).prop('tagName'); // return "select", "input" etc
     var type = $(this).prop('type'); // return "radio", "checkbox" etc
});

FIDDLE

answered Jan 11, 2014 at 11:22

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Sergio · Accepted Answer · 2014-01-11 11:25:19Z

0

You had some wrong syntax, missing a function declaration inside the each(), but actually you can write it more simple, like:

jQuery('.pricefield select, .pricefield input').change(function () {
    alert(jQuery(this).attr("type"));
    alert(jQuery(this).is(':input')); 
    var allInputs = jQuery(":input");
    alert(allInputs.attr('type'));
    get_sum();
});

Demo

answered Jan 11, 2014 at 11:25

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

Collectives™ on Stack Overflow

how to get types of input-type checkbox and radio in jQuery

2 Answers 2

Comments

Demo

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