在多个文本框中获取最大字符数

Question

我需要在输入时获取下面输入框中的最大字符，并根据字符长度为所有框应用字体大小。

<input type="text" class="engrave-input" placeholder="Line 1">
<input type="text" class="engrave-input" placeholder="Line 2">
<input type="text" class="engrave-input" placeholder="Line 3">
<input type="text" class="engrave-input" placeholder="Line 4">

提前致谢

Answer 1

循环输入字段并比较每个字段并获取文本框值的最大计数，如下所示。

var count = 0;
$('button#max').on('click', function(){
  $('.engrave-input').each(function(){
     count = $(this).val().length > count ? $(this).val().length : count;
  });
  alert(count);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="engrave-input" placeholder="Line 1">
<input type="text" class="engrave-input" placeholder="Line 2">
<input type="text" class="engrave-input" placeholder="Line 3">
<input type="text" class="engrave-input" placeholder="Line 4">

<button id="max">
Get Max
</button>