Custom Check Box

Who says you need to have your visitors actually click on a check box to tick the option on or off? You can use JavaScript to access the checked property of your check box and switch it on or off as you like. Here is an example of how to tick or un-tick a check box even though it's disabled. 

HTML code:




 You can't click me; use the buttons to check or uncheck me 

Result:

You can't click me; use the buttons to check or uncheck me

You can further set the custom check box to be a hidden form element, modify its properties via DHTML calls and display a user-friendly message to your visitor -- something in the line of "You agreed" or "You did not agree" with our Terms of Service. 

Share

Learn how to design amazing websites