<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$('.plus4').click(function () {
var $input = $(this).parent().find('input.quantity');
var count = parseInt($input.val()) - 100;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$input.val(parseInt($input.val()) + 4);
$input.change();
return false;
});
$('.plus9').click(function () {
var $input = $(this).parent().find('input.quantity');
var count = parseInt($input.val()) - 100;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$input.val(parseInt($input.val()) + 9);
$input.change();
return false;
});
$('.plus19').click(function () {
var $input = $(this).parent().find('input.quantity');
var count = parseInt($input.val()) - 100;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$input.val(parseInt($input.val()) + 19);
$input.change();
return false;
});
$('.plus49').click(function () {
var $input = $(this).parent().find('input.quantity');
var count = parseInt($input.val()) - 100;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$input.val(parseInt($input.val()) + 49);
$input.change();
return false;
});
$('.plus99').click(function () {
var $input = $(this).parent().find('input.quantity');
var count = parseInt($input.val()) - 100;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$input.val(parseInt($input.val()) + 99);
$input.change();
return false;
});
});
</script>
<input type="text" class="quantity" name="quantity" size="2" value="1" />
<input type="radio" name="line1" class="plus4">
<input type="radio" name="line1" class="plus9">
<input type="radio" name="line1" class="plus19">
<input type="radio" name="line1" class="plus49">
<input type="radio" name="line1" class="plus99">