How to add sign positive to checkbox?

@toplisekAug 19.2009

I would like to add image positive if user clicks on checkbox within my form but there are many checkboxes with options and many questions.

How to do with javascript?

to post a comment

JavaScript

@triassicAug 19.2009 — #Just put the images there to begin with, but set their css visibility to hidden, and all with unique IDs. Then when a checkbox is clicked set document.getElementById('<id>').style.visibility=visible.

@toplisekauthorAug 20.2009 — #Can you send me example please?

@triassicAug 20.2009 — #

[CODE]<img src="pic.gif" id="test" style="visibility:hidden;" />
 <a href="#" onclick="document.getElementById('test').style.visibility='visible';">Do It</a>[/CODE]

@JMRKERAug 20.2009 — #I thought the question related to checkboxes ?, so I made this version:

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Checkbox Indicator&lt;/title&gt;
 
 &lt;script type="text/javascript"&gt;
 // For: http://www.webdeveloper.com/forum/showthread.php?t=215185
 
 function CBoxPlus(elem) {
 var sel = document.getElementById(elem.id);
 var sel_bg = document.getElementById(elem.id+'_bg');
 if (sel.checked) { sel_bg.style.visibility = 'visible'; }
 else { sel_bg.style.visibility = 'hidden'; }
 }
 &lt;/script&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;span id="cb1_bg" style="visibility:hidden"&gt;
 &lt;img src='http://www.hscripts.com/freeimages/icons/symbols/math/plus/plus5.gif'&gt;
 &lt;/span&gt;
 &lt;input type="checkbox" id="cb1" onclick="CBoxPlus(this)"&gt;Check Me!&lt;br&gt;
 
 &lt;span id="cb2_bg" style="visibility:hidden"&gt;
 &lt;img src='http://www.hscripts.com/freeimages/icons/symbols/math/plus/plus5.gif'&gt;
 &lt;/span&gt;
 &lt;input type="checkbox" id="cb2" onclick="CBoxPlus(this)"&gt;Check Me!&lt;br&gt;
 
 &lt;span id="cb3_bg" style="visibility:hidden"&gt;
 &lt;img src='http://www.hscripts.com/freeimages/icons/symbols/math/plus/plus5.gif'&gt;
 &lt;/span&gt;
 &lt;input type="checkbox" id="cb3" onclick="CBoxPlus(this)"&gt;Check Me!&lt;br&gt;
 
 &lt;span id="cb4_bg" style="visibility:hidden"&gt;
 &lt;img src='http://www.hscripts.com/freeimages/icons/symbols/math/plus/plus5.gif'&gt;
 &lt;/span&gt;
 &lt;input type="checkbox" id="cb4" onclick="CBoxPlus(this)"&gt;Check Me!&lt;br&gt;
 
 &lt;span id="cb5_bg" style="visibility:hidden"&gt;
 &lt;img src='http://www.hscripts.com/freeimages/icons/symbols/math/plus/plus5.gif'&gt;
 &lt;/span&gt;
 &lt;input type="checkbox" id="cb5" onclick="CBoxPlus(this)"&gt;Check Me!&lt;br&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

Good Luck!

?

@toplisekauthorAug 21.2009 — #Hi your versio is fine but issue is that needs replacement of [B]checkbox[/B] with an arrow not beside checkbox. Is this possible?

@JMRKERAug 21.2009 — #I would like to add image positive if user clicks on checkbox within my form but there are many checkboxes with options and many questions.

How to do with javascript?[/QUOTE]

Hi your versio is fine but issue is that needs replacement of checkbox with an arrow not beside checkbox. Is this possible?[/QUOTE]

Please clarify.

You asked to "add image positive if user clicks on a checkbox" in original post.

We did that.

Now you want to replace the checkbox? ... or you want to replace the '+' image?

Use a different '.gif/.jpg' image if the latter.

Explain further or show example if the former ...

How to add sign positive to checkbox?

6 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How to add sign positive to checkbox?

6 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #JavaScript _↴