Hi!

I have something I am trying to make, and would be happy if anyone could help me.

I need a text field that the user can edit not directly, but by clicking a button that for example adds one to the value. There should be a maximum value in the field, like 5.

It also would be nice if i could have radio buttons or somthing that could change that value, for example by making one button allow up to the number 5 in the value field and another button allow the value field to have numbers as large as 10.

I hope this isnt' impossible

definitely not impossible

form

<form id="countform" name="countform" value="0">
<input type="radio" id="limit" name="limit" value="5" checked="checked"/>Max 5
<input type="radio" id="limit" name="limit" value="10" />Max 10
<br />
<input type="text" id="count_value" name="count_value" value="0" onBlur="check()"/>
<br />

<input type="button" id="count_up" name="count_up" value="Up" onClick="adjust('up')"/>
<input type="button" id="count_down" name="count_down" value="Down" onClick="adjust('down')"/>

</form>

<script type="text/javascript">
function adjust(direct) {
// increment or decrement the form input
var curr_count = getCurrent();
var limit = setLimit();

if (direct == "up") {
curr_count = inc(curr_count);
}
if (direct == "down") {
curr_count = dec(curr_count);
}
setCurrent(curr_count);
}

function check() {
// check for value on exit 
var curr_count = getCurrent();
var limit = setLimit();
if (curr_count <= 0) {
setCurrent(0);
}
if (curr_count >= limit) {
setCurrent(limit);
}
}

function setLimit() {
// set the max number from the radio buttons
if (document.forms[0].limit[1].checked) {
	var limit = 10;
	} else {
	var limit = 5;
}
return limit;
}

function getCurrent() {
// get current value of text box
return document.forms[0].count_value.value;
}
function setCurrent(curr_count) {
// set new value of text box 
document.forms[0].count_value.value = curr_count ;
}
function inc(curr_count) {
// increment current count and check for max
curr_count = parseInt(curr_count)+1;
var limit = setLimit();
	if (curr_count >= limit) {
	curr_count = limit;
	}
return curr_count;
}
function dec(curr_count) {
// decrement current count and check for 0 
curr_count = parseInt(curr_count)-1;
	if (curr_count <= 0) {
	curr_count = 0;
	}
return curr_count;
}
</script>

Thats fantastic. Thanks a lot.
I only need to change it a bit to make it exactly as I pictured it.

There should be a few texfields, lets say 4, and the sum of these fields should act as the one field in the code above.

There should be 3 radio buttons that each makes a different max value. If the max value is 5, the 4 fields combined should not be able to go higer than five.

U up to the challenge chrishirst?