Help with color choice check box programming

wafleming · #1 (**permalink**) 03-31-2006, 09:35 PM

I am trying to program a site for a friend that needs to offer a product that can come in your pick of 2 colors out of 6 color options. So you pick red or blue etc. out of red,blue,green,black etc. How do I program the check boxes to only allow 2 colors. So if they select a third color thier first check box unselects and thier new check box is now selected.

I can't use radio buttons, because he is using Mals-e
as a shopping cart, and it only seems to accept one radio button???

Sbabb · #2 (**permalink**) 04-02-2006, 06:42 PM

As far as I know, all radio buttons allow only one selection. The term came from the old style car radios with mechanical buttons. When you pushed one button, it popped out the other button that had previously been pushed. Only one button could be depressed at a time.

You might be able to do this with JavaScript or some other variety of scripting. It's a more serious programming task than you can accomplish with straight HTML.

Alternately, you might be able to create two radio button lists, one for "Color #1" and one for "Color #2" but that would let the user select the same color for both "Color #1" and "Color #2" which may or may not be a problem in your situation.

Scott

bj · #3 (**permalink**) 04-03-2006, 06:14 PM

The simplest answer is to put all possible two color combinations in the dropdown choices.

mark3738 · #4 (**permalink**) 04-03-2006, 06:38 PM

I would also suggest using the two lists, but add an error check so that people can't add two colours e.g. Something like if box1 colour1 = box2 colour1 Alert("please choose different colours")
I haven't worked with Mals ecart so am unsure how much control you have, but a simple javascript alert could do this for you.

Another option is to use a 'chained select', which allows certain fields according to what is selected in the first field, but is probably overkill for this scenario.

Keimos · #5 (**permalink**) 04-03-2006, 09:32 PM

Hi wafleming,

You have probably gone though this but show the graphics for all choices and put the necessary tick box against them all.

Colour is choice and if I were looking I would want to see them.

Keimos

sands · #6 (**permalink**) 04-04-2006, 02:09 AM

I think the best thing for you would be JavaScript. Check out the following script:
================================================== =

<HEAD>

<SCRIPT LANGUAGE="JavaScript">


</script>
</HEAD>

<BODY>

<center>
<form>
Please choose up to 2 sections:

<input type=checkbox name=box1 onClick="countChoices(this)">Section 1

<input type=checkbox name=box2 onClick="countChoices(this)">Section 2

<input type=checkbox name=box3 onClick="countChoices(this)">Section 3

</form>
</center>
================================================== =
The instructions are easy to understand and so you would not find any problems modifying it to suit your needs.
All the best, cheerio!