is it possible to style a check box? 1

[benluke4]

Hi, is it possible to syle a check box?

Ive been trying but failing so was wondering if its possible?

Thanks

BENLUKE

 

[dmacster]

Use CSS.

Perhaps this will help.

http://www.codeave.com/css/code.asp?u_log=4018

Donna

 

[LTeeple]

No you can't style a checkbox, but you can use images, and use Javascript to swap the image from an unchecked version to a checked version.

(You will need an unChecked checkBox, and a Checked checkBox in your images folder)

HTML:

<a href="javascript:checkBox()">
<img src="images/checkbox_off.gif" id="check" alt="checkbox" border="0">click to check the box</a>
<input type"hidden" name="check_check" id="check_check" value="false" />

Javascript:

check=[];
function checkBox() { 
  if(check != true){ 
    document.getElementById(check).src = "images/checkbox_on.gif"; 
    document.getElementById('check_check').value = "true"; 
    check = true;
  } 
  else { 
    document.getElementById(check).src = "images/checkbox_off.gif"; 
    document.getElementById('check_check').value = "false"; 
    check = false; 
  } 
}

Cheers!
Laura

 

[benluke4]

Cheers Laure, thats just what i wanted to here

Thanks

Benluke

 

[LTeeple]

Thanks for the star!

FYI There's a syntax error in my post (Javascript)

Here's the correct code:

check=[];
function checkBox() { 
  if(check != true){ 
    document.getElementById('check').src = "images/checkbox_on.gif"; 
    document.getElementById('check_check').value = "true"; 
    check = true;
  } 
  else { 
    document.getElementById('check').src = "images/checkbox_off.gif"; 
    document.getElementById('check_check').value = "false"; 
    check = false; 
  } 
}

Cheers!
Laura