nohc,
пока вы заливали ....
<!DOCTYPE html>
<html>
<head>
<title>Twitter Boostrap 3 Spinner</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://kolerii.ru/projects/tb3spinner/jquery.tb3spinner.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<!--<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>-->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<style type="text/css">
.btn-spinner{font-size:10.2px;line-height:1;border-radius:3px;margin-top:1.25px;padding:0px 3px 0px 0px}
.chevron-spinner-up{padding-left:1.5px}
.chevron-spinner-down{padding-left:0.5px}
.input-spinner{position:absolute;padding-right:0px;width:55px}
.container-btn-spinner{margin-left:37px}
.spinner-container{width:56px}
div[id^=wrap]{display:inline-block}
</style>
<script>
$(function () {
var $spinner = $('.spinner');
$spinner.each(function (indx, element) {
var el = $(element),
parent = el.parents('[id^=wrap]'),
pv = +$('[id^=pv]', parent).val(),
day = $('[id^=day]', parent),
price = $('[id^=price]', parent),
v = +$('input', el).val();
price.html(parseInt(pv * v));
day.html(pv);
el.tb3spinner({
'value': 12,
min: 12,
max: 60,
attrs: {
'name': 'days56'
},
changed: function () {
var v = +$('input', el).val();
price.html(parseInt(pv * v));
}
});
})
})
</script>
</head>
<body>
<div id="wrap56">
<input name="pv" id="pv56" type="hidden" value="100">
<div class="spinner">
<input type="text" name="days56" value="12">
</div>
<div id="price56">1200</div>рублей
<div id="day-price56">100</div>руб. в сутки</div>
<div id="wrap56">
<input name="pv" id="pv56" type="hidden" value="120">
<div class="spinner">
<input type="text" name="days56" value="12">
</div>
<div id="price56">1200</div>рублей
<div id="day-price56">100</div>руб. в сутки</div>
<div id="wrap56">
<input name="pv" id="pv56" type="hidden" value="160">
<div class="spinner">
<input type="text" name="days56" value="12">
</div>
<div id="price56">1200</div>рублей
<div id="day-price56">100</div>руб. в сутки</div>
</body>
</html>