pass input max attribute as integer to jquery variable

Question

I am trying to pass the max attribute as an integer to a jquery variable. Just can't seem to make it work. In the example the variable maxqty should be 6.

Any ideas appreciated.

HTML

<input name="qty" id="qty" type="text" value="1" size="3" maxlength="2" max="6" />

Jquery

var maxqty = 10

jQuery(function(){
    jQuery("#qtyplus").click(function(){
     if(jQuery('#qty').val()<maxqty)
     jQuery(":text[name='qty']").val( Number(jQuery(":text[name='qty']").val()) + 1 );
    });
    jQuery("#qtyminus").click(function(){
     if(jQuery('#qty').val()>1)
      jQuery(":text[name='qty']").val( Number(jQuery(":text[name='qty']").val()) - 1 );

    });
  });

if maxqty really is 10a then numerical comparisons are going to fail. And what is that code supposed to do, because you don't seem to be trying to use the max attribute anywhere. — David Thomas
– David Thomas, Commented Mar 12, 2014 at 16:10
the a was a typo. it's a plus minus button for the input; the maxqty is the upper limit. — ecolema
– ecolema, Commented Mar 12, 2014 at 16:16
I don't know what further you want to do with this, but the thing that you want to do here can be easily done without any js using HTML5's numeric only input box. — Jehanzeb.Malik
– Jehanzeb.Malik, Commented Mar 12, 2014 at 16:21

David Thomas · Accepted Answer · 2014-03-12 16:30:58Z

1

You want parseInt($('#qty').attr('max'))

Like if( jQuery('#qty').val() < ( parseInt(jQuery('#qty').attr('max')) ) )

What you are trying to retrieve is an attribute on the elemenet, any of which can be retrieved with the .attr call.

Oh and just in case, jQuery .attr docs

edited Mar 12, 2014 at 16:30

David Thomas

254k53 gold badges382 silver badges421 bronze badges

answered Mar 12, 2014 at 16:09

Ted

14.9k2 gold badges43 silver badges58 bronze badges

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

2 Comments

David Thomas Over a year ago

If you're going to use parseInt() don't forget the radix.

Ted Over a year ago

Good point, I suppose Number would be simpler... had parseInt on the brain this morning :p

MamaWalter · Accepted Answer · 2014-03-12 16:27:22Z

0

You could use data-attributes to store your maximum.

Something like this:

<input name="qty" id="qty" type="text" value="1" size="3" maxlength="2" data-max="6" />

Js:

var input = jQuery('#qty');

jQuery("#qtyplus").click(function(){
 if(input.val()<jQuery('#qty').data('max'))
 input.val( parseInt(input.val()) + 1 );
});

jQuery("#qtyminus").click(function(){
 if(input.val()>1)
  input.val( parseInt(input.val()) - 1 );
});

FIDDLE DEMO

edited Mar 12, 2014 at 16:27

answered Mar 12, 2014 at 16:11

MamaWalter

2,1131 gold badge19 silver badges27 bronze badges

Collectives™ on Stack Overflow

pass input max attribute as integer to jquery variable

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related