Question

我对<input type='number'>中的更改$(document).ready(function(){ var total = 5; $(.foo).attr('max', total); $(.bar).attr('max', total); $(.ext).attr('max', total); });感到有疑问。这是我的样本代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <input type='number' name='foo' class='foo'>
  <br>
  <input type='number' name='bar'  class='bar'>
  <br>
  <input type='number' name='ext'  class='ext'>
  
  </body>

max

如何使{{1}}必须不是＆gt;总计？

示例：如果我在foo上输入2并在bar上输入1，则ext上的值不得大于2.

感谢

Answer 1

正如Chris的评论所述，它应该是'.foo'而不是.foo。另外，作为速记，您可以将它们放在如下所示的单个语句中，例如$('.foo, .bar, .ext')，如果它们都具有相同的max。

$(document).ready(function(){

  var total = 5;
  $('.foo, .bar, .ext').attr('max', total);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <form action="http://stackoverflow.com">
  <input type='number' name='foo' class='foo'>
  <br>
  <input type='number' name='bar'  class='bar'>
  <br>
  <input type='number' name='ext'  class='ext'>
  <br>
  <input type='submit' value='Submit' >
  </form>
 </body>

Answer 2

我假设您要将三个输入的任意组合的总和限制为5.以下是一种方法：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <input id="foo" type='number' name='foo' onChange="recalculateMax(this)">
  <br>
  <input id="bar" type='number' name='bar' onChange="recalculateMax(this)">
  <br>
  <input id="ext" type='number' name='ext' onChange="recalculateMax(this)">
</body>

＆＃13;

Public Person(
    private int age;
    private String lastName;
    private Sring firstName;

    Public Person(int age, String lName, String fName){
       this.age = age;
       this.lastName = lname;
       this.firstName = fName;
    }
   //add getters here.
)

＆＃13;

使用jquery在html5中动态更改`max`或`min`

2 个答案: