将输入max属性作为整数传递给jquery变量

时间:2014-03-12 16:07:12

标签: javascript jquery html

我试图将max属性作为整数传递给jquery变量。似乎无法让它发挥作用。在示例中,变量maxqty应为6.

任何想法都赞赏。

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 );

    });
  });

2 个答案:

答案 0 :(得分:1)

您想要parseInt($('#qty').attr('max'))

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

您要检索的是elemenet上的一个属性,其中任何一个都可以通过.attr调用来检索。

哦,以防万一,jQuery .attr docs

答案 1 :(得分:0)

您可以使用data-attributes存储最大值。

这样的事情:

<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