Javascript 如何限制计数的最大值
我为预订航班写了下面的代码,效果很好。 我唯一的问题是我不能对我的计数器设置限制。 如何限制最多4个这样的“子X”选择字段? o要设置一个限制,仅添加到4。 我该怎么做? 以下是我的片段:Javascript 如何限制计数的最大值,javascript,jquery,html,Javascript,Jquery,Html,我为预订航班写了下面的代码,效果很好。 我唯一的问题是我不能对我的计数器设置限制。 如何限制最多4个这样的“子X”选择字段? o要设置一个限制,仅添加到4。 我该怎么做? 以下是我的片段: $(函数(){ var createChildDropdown=函数(i){ 变量$childDropdown=$(''{ “类”:“childs” }); $childDropdown.append($(''){ 'for':'childDropdown-'+i }).text(“子项”+i)); $ch
$(函数(){
var createChildDropdown=函数(i){
变量$childDropdown=$(''{
“类”:“childs”
});
$childDropdown.append($(''){
'for':'childDropdown-'+i
}).text(“子项”+i));
$childDropdown.append($(''){
'id':'childDropdown-'+i
}));
var选项=['a','b','c'];
options.forEach(函数(选项、索引){
$childDropdown.find('select').append($('')
.text(option).attr('value',index));
});
返回$childdown;
};
var DROPDOWN=函数($el,i){
$el.find('div.childs').get(i.remove();
};
$(“.button click a”)。在(“click”,function()上{
var按钮=$(此按钮);
var oldVal=parseInt(button.closest(“ul”).prev().val());
var newVal=(button.text()=“+”)?oldVal+1:(oldVal>0)?oldVal-1:0;
var总_值=”;
按钮。最近的(“ul”).prev().val(newVal);
$(“.travel”)。每个(函数(){
var cat=$(this.prev('span').text();
总值+=cat+”:“+$(this.val()+”,“;
});
if(oldValnewVal){
destroyChildDropdown($('.childDropdowns'),newVal);
}
total_value=total_value.substring(0,total_value.length-2);
$(“.main”).val(总价值);
})
})
统计所有1名旅客
儿童
如果(newVal>=5)返回,您可以添加一个在$(“.按钮单击a”)
单击处理程序。当子计数为5或更多时,这将阻止进一步处理
$(函数(){
var createChildDropdown=函数(i){
变量$childDropdown=$(''{
“类”:“childs”
});
$childDropdown.append($(''){
'for':'childDropdown-'+i
}).text(“子项”+i));
$childDropdown.append($(''){
'id':'childDropdown-'+i
}));
var选项=['a','b','c'];
options.forEach(函数(选项、索引){
$childDropdown.find('select').append($('')
.text(option).attr('value',index));
});
返回$childdown;
};
var DROPDOWN=函数($el,i){
$el.find('div.childs').get(i.remove();
};
$(“.button click a”)。在(“click”,function()上{
var按钮=$(此按钮);
var oldVal=parseInt(button.closest(“ul”).prev().val());
var newVal=(button.text()=“+”)?oldVal+1:(oldVal>0)?oldVal-1:0;
var总_值=”;
如果(newVal>=5)返回;
按钮。最近的(“ul”).prev().val(newVal);
$(“.travel”)。每个(函数(){
var cat=$(this.prev('span').text();
总值+=cat+”:“+$(this.val()+”,“;
});
if(oldValnewVal){
destroyChildDropdown($('.childDropdowns'),newVal);
}
total_value=total_value.substring(0,total_value.length-2);
$(“.main”).val(总价值);
})
})
统计所有1名旅客
儿童
如果(newVal>=5)返回,您可以添加一个在$(“.按钮单击a”)
单击处理程序。当子计数为5或更多时,这将阻止进一步处理
$(函数(){
var createChildDropdown=函数(i){
变量$childDropdown=$(''{
“类”:“childs”
});
$childDropdown.append($(''){
'for':'childDropdown-'+i
}).text(“子项”+i));
$childDropdown.append($(''){
'id':'childDropdown-'+i
}));
var选项=['a','b','c'];
options.forEach(函数(选项、索引){
$childDropdown.find('select').append($('')
.text(option).attr('value',index));
});
返回$childdown;
};
var DROPDOWN=函数($el,i){
$el.find('div.childs').get(i.remove();
};
$(“.button click a”)。在(“click”,function()上{
var按钮=$(此按钮);
var oldVal=parseInt(button.closest(“ul”).prev().val());
var newVal=(button.text()=“+”)?oldVal+1:(oldVal>0)?oldVal-1:0;
var总_值=”;
如果(newVal>=5)返回;
按钮。最近的(“ul”).prev().val(newVal);
$(“.travel”)。每个(函数(){
var cat=$(this.prev('span').text();
总值+=cat+”:“+$(this.val()+”,“;
});
if(oldValnewVal){
destroyChildDropdown($('.childDropdowns'),newVal);
}
total_value=total_value.substring(0,total_value.length-2);
$(“.main”).val(总价值);
})
})
统计所有1名旅客
儿童
你应该按部就班地优化你的代码你应该按部就班地优化你的代码谢谢!非常感谢你!