jquery-ui插件中spinner多个微调器分别控制最大与最小值

来源:互联网 发布:影视后期的软件 编辑:程序博客网 时间:2024/04/30 03:44

最近做一个评分系统,遇到加减分时使用了jquery-ui插件中的spinner类,但是评分项很多,每一个的最大与最小值都不同,一条一条写的话代码很多,可以使用以下的方法取值(前提是引入jquery.js和jquery-ui.js这两个文件)

js代码:

$(function() {

    var spinner = $( ".score" ).spinner({min: getMin($(this)), max: getMax($(this))});  });  function getMax(obj)  {    return obj.parent().find('input').attr('max');  }  function getMin(obj)  {    return obj.parent().find('input').attr('min');   }


html代码:

<input class="score" name="value" max='5' min='0' /><input class="score" name="value" max='15' min='0' /><input class="score" name="value" max='10' min='-5' /><input class="score" name="value" max='10' min='-5' /><input class="score" name="value" max='50' min='-5' />