jQuery Mobile - Spinbox - 多个依赖的 Spinbox
jQueryMobile - Spinbox - Multiple dependant Spinboxes
在 jquery 移动应用程序中,我必须使用三个相关的旋转框,如下图所示
目前正在使用这个插件
http://dev.jtsage.com/jQM-Spinbox/
成人/儿童/婴儿的最大值为 9
此外,婴儿数量不应大于成人值。我创建了一个验证函数,它将调用单击按钮向上/向下。但是所做的更改不会影响其他旋转框
下面的代码我已将 "max" 属性设置为婴儿,但它不起作用
<div class="ui-field-contain">
<label for="adult">ADULT</label>
<input type="text" data-mini="true" data-role="spinbox" name="spin4" id="adult" data-options='{"type":"vertical"}' value="1" min="0" max="9" />
<label for="child">CHILD</label>
<input type="text" data-mini="true" data-role="spinbox" name="child" id="child" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
<label for="infant">Infant</label>
<input type="text" data-mini="true" data-role="spinbox" name="infant" id="infant" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
</div>
// id is the id of spinbox .ie adult, i=child, infant
setValidations:function(id){
console.log("selected id="+id);
console.log("selected id value ="+$("#"+id).val());
$("#infant").attr("max",$("#adult").val())
$("#infant").enhanceWithin();
}
如有任何帮助,我们将不胜感激。
setValidations:function(id){
$("#infant").attr("max",$("#adult").val())
$("#infant").spinbox({"dmax":$("#adult").val()});
$("#child").spinbox({"dmax":9-$("#adult").val()});
if(id == 'adult') {
$("#child").val(0);
$("#infant").val(0);
}
}
在 jquery 移动应用程序中,我必须使用三个相关的旋转框,如下图所示
目前正在使用这个插件
http://dev.jtsage.com/jQM-Spinbox/
成人/儿童/婴儿的最大值为 9
此外,婴儿数量不应大于成人值。我创建了一个验证函数,它将调用单击按钮向上/向下。但是所做的更改不会影响其他旋转框
下面的代码我已将 "max" 属性设置为婴儿,但它不起作用
<div class="ui-field-contain">
<label for="adult">ADULT</label>
<input type="text" data-mini="true" data-role="spinbox" name="spin4" id="adult" data-options='{"type":"vertical"}' value="1" min="0" max="9" />
<label for="child">CHILD</label>
<input type="text" data-mini="true" data-role="spinbox" name="child" id="child" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
<label for="infant">Infant</label>
<input type="text" data-mini="true" data-role="spinbox" name="infant" id="infant" data-options='{"type":"vertical"}' value="0" min="0" max="9" />
</div>
// id is the id of spinbox .ie adult, i=child, infant
setValidations:function(id){
console.log("selected id="+id);
console.log("selected id value ="+$("#"+id).val());
$("#infant").attr("max",$("#adult").val())
$("#infant").enhanceWithin();
}
如有任何帮助,我们将不胜感激。
setValidations:function(id){
$("#infant").attr("max",$("#adult").val())
$("#infant").spinbox({"dmax":$("#adult").val()});
$("#child").spinbox({"dmax":9-$("#adult").val()});
if(id == 'adult') {
$("#child").val(0);
$("#infant").val(0);
}
}