How to use Javascript in Chronoforms

Hi,

I was wondering how do I add this example of javascript: http://jsfiddle.net/Jb7yM/97/ to a checkbox in chronoforms.
I use a custom field in the designer for the HTML.
Added the JS code and the CSS to their individiual tabs at setup. When I try to load the page, the JS doesn't seem to work.
What am I doing wrong here?

Basically I would like to achieve the following:




When the checkbox is checked I would like to display a new price and replace the old picture.

Hopefully you can help me out! Thank you!

Hi apo23,

Please try adding the JavaScript to a Load JavaScript action in the On Load event in the form Setup tab.

Bob

Hi Bob,

I tried that but it didn't work unfortunatly.

document.getElementById("MyCheckbox").onclick=function() {
    if(this.checked) {
        document.getElementById("MyImage").className = "markedImg";
    } else {
        document.getElementById("MyImage").className = "unMarkedImg";   
    }
}

added to the load javascript action in the on load.

<div id="MyImage" class="unMarkedImg">img</div><br />
<input type="checkbox" id="MyCheckbox" />

added to the custom field.

#MyImage {
    height: 50px;
    width: 50px;
    border: 1px solid black;
}
.markedImg {
    background-color: blue;
}
.unMarkedImg {
    background-color: red;
}

added to the load css on load.

Apo24

Thank you so much Bob! That did the trick!

Final question. If I wanted to use this code not in a custom code but with a checkbox. How would I do that?

Thanks in advance!

Hi apo24,

Same code will work - just make sure that the ID for the checkbox is matched up.

Bob