how to get highest input field value in javascript

Question

I want to get highest value of this field. How I can do this?

 <input type="text" style="width:20%;" class="input-text" name="position[]" value="20" />
 <input type="text" style="width:20%;" class="input-text" name="position[]" value="25" />
 <input type="text" style="width:20%;" class="input-text" name="position[]" value="10" />
 <input type="text" style="width:20%;" class="input-text" name="position[]" value="5" />
 <input type="text" style="width:20%;" class="input-text" name="position[]" value="30" />

Samir Das · Accepted Answer · 2015-06-09 04:42:33Z

2

Pure javascript:

var inputs = document.querySelectorAll('input[name="position[]"]');
var max =0;
for (var i = 0; i < inputs.length; ++i) {
   max =  Math.max(max , parseInt(inputs[i].value));
}

answered Jun 9, 2015 at 4:42

Samir Das

1,91813 silver badges20 bronze badges

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

Comments

scniro · Accepted Answer · 2015-06-09 04:43:13Z

2

Others may chime in with a vanilla solution, but if you are using jQuery here is a way you can do so

Array.max = function(array) {
    return Math.max.apply(Math, array);
};

var max = Array.max($('.input-text').map(function() {
    return $(this).val();
}));

console.log(max) // 30

JSFiddle Link

edited Jun 9, 2015 at 4:43

answered Jun 9, 2015 at 4:37

scniro

17k8 gold badges67 silver badges108 bronze badges

Comments

avdhut · Accepted Answer · 2015-06-09 04:37:29Z

1

var maxVal = 0;
$('input[name="position[]"]').each(function(){
    maxVal = Math.max(maxVal , parseInt($(this).val()));
});
alert(maxVal);

answered Jun 9, 2015 at 4:37

avdhut

1281 silver badge13 bronze badges

Comments

Alex McMillan · Accepted Answer · 2015-06-09 04:40:12Z

1

Try like this

HTML:

<form name="myForm">
  <input type="text" style="width:20%;" class="input-text" name="position[]" value="20" />
  <input type="text" style="width:20%;" class="input-text" name="position[]" value="25" />
  <input type="text" style="width:20%;" class="input-text" name="position[]" value="10" />
  <input type="text" style="width:20%;" class="input-text" name="position[]" value="5" />
  <input type="text" style="width:20%;" class="input-text" name="position[]" value="30" />
</form>

Javascript:

var myForm = document.forms.myForm;
var myControls = myForm.elements['position[]'];
var max = -Infinity;
for (var i = 0; i < myControls.length; i++) {
    if( max<parseInt(myControls[i]))
      max=parseInt(myControls[i]);
}
console.log(max);

edited Jun 9, 2015 at 4:40

Alex McMillan

18.1k13 gold badges63 silver badges91 bronze badges

answered Jun 9, 2015 at 4:37

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Comments

stanze · Accepted Answer · 2015-06-09 04:40:25Z

1

Getting highest input value using jQuery each. Demo

var inputValue = -Infinity;
$("input:text").each(function() {
    inputValue = Math.max(inputValue, parseFloat(this.value));
});
alert(inputValue);

edited Jun 9, 2015 at 4:40

answered Jun 9, 2015 at 4:35

stanze

2,47814 silver badges14 bronze badges

2 Comments

Qaisar Satti Over a year ago

i cannot put on input there are also other other input field too

stanze Over a year ago

You can use text selector

Collectives™ on Stack Overflow

how to get highest input field value in javascript

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related