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

标签 javascript jquery html

我在更改时遇到问题 max<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一定不>总计?

示例:如果我在 foo 上输入 2,在 bar 上输入 1,则 ext 不得大于 2。

谢谢

最佳答案

正如 Chris 在评论中提到的,它应该是 '.foo' 而不是 .foo。另外,作为一种速记方式,您可以将它们放在一个语句中,如下所示,如果全部具有相同的 max,则 $('.foo, .bar, .ext')

$(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>

关于javascript - 使用jquery在html5中动态更改 `max`或 `min`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41030570/

相关文章:

javascript - 使用 JSON.stringify 时输出不同

javascript - Rails 通过浏览器 url 访问部分 View

javascript - 拖动图片,附加图片对应的html

jquery - CSS3 - 修复透明导航 : Is there a way to color an element depending on the actually visible background of the element?

html - 更改选择选项时获取当前值 - Angular2

javascript - 通过 jQuery 获取 html 表单

javascript - 勒克森 HH :mm difference between datetimes

javascript - 从 jquery 插件中获取 iframe 的文档变量?

javascript - 从 sinatra 应用程序向 Rails 应用程序发出发布请求

javascript - 在 jQuery 中选择没有文本节点的 <p> 元素