如何点击HTML变量更改？

Question

I am working in HTML and Coldfusion. I want to set a variable equal to zero in CF, then have an onclick event trigger a script that changes the value in the HTML variable to a one. Then I can run a cfif that is true if there is a one in the variable. Does anyone know the best way to do this? This is what I am trying, but the onClick does not trigger anything useful.

    <cfset dayHolder = 0>

<!--- Make a Submit Button  --->
<div style="max-width:50%; margin: auto; padding-top: 20px; text-align: center">
    <input type="button" name="submit" onclick="setupVar();" value="Submit Day Page" tooltip="Submits Your Hour by Hour"
     style="font-family:Times New Roman; font-size:16px;"/>
</div>
    <script>

    function setupVar(){
        dayHolder=1;
    return dayHolder;
    }
    </script>

    <cfoutput> #dayHolder#</cfoutput>
    <br>

     <!--- Send the data to the database --->
    <cfif 'dayHolder' eq 1> 
    etc...

Thank you very much in advance.

Answer 1

You are mixing your ideas a little bit, Javascript runs on the clients browser while CF runs on the server, so to make the changes you are trying to make you'll need to submit a form. Here is an example that should help you:

<cfif structKeyExists(FORM,"dayHolder")>
    <cfset dayHolder = FORM.dayHolder>
<cfelse>
    <cfset dayHolder = 0>
</cfif>

<!--- Make a Submit Button  --->
<form>
    <input type="hidden" name="dayHolder" id="dayHolder" value="0">
    <div style="max-width:50%; margin: auto; padding-top: 20px; text-align: center">
        <input type="submit" name="submit" onclick="setupVar();" value="Submit Day Page" tooltip="Submits Your Hour by Hour"
         style="font-family:Times New Roman; font-size:16px;"/>
    </div>
</form>
<script>

function setupVar(){
    document.getElementById('dayHolder').value = '1';
    return true;
}
</script>

<cfoutput> #dayHolder#</cfoutput>
<br>

 <!--- Send the data to the database --->
<cfif dayHolder eq 1> 

*updated according to comment.