Question

156

Enable/Disable submit button if checkbox is checked/unchecked?

rated 0 times [ 160] [ 4] / answers: 1 / hits: 60503 / 12 Years ago, thu, april 5, 2012, 12:00:00

How to enable the submit button in my HTML form and disable if checkbox was unchecked?

What is wrong with this code?

EnableSubmit = function(val)

{

    var sbmt = document.getElementById(Accept);



    if (val.checked == true)

    {

        sbmt.disabled = false;

    }

    else

    {

        sbmt.disabled = true;

    }

}

The check box

<td width=30%>Do you accept Terms of Service agreement?</td>

<td width=10px style=min-width: 10px></td>

<td width=70%>

    <input type=checkbox name=TOS value=Accept onClick=EnableSubmit> I agree to Terms of Service agreement.

</td>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

hasanjustusf

Add To Favorites

Follow

Total Points: 76

Total Questions: 116

Total Answers: 100

Location: Virgin Islands (U.S.)

Member since Tue, Jul 7, 2020

4 Years ago

hasanjustusf questions

1 Uncaught TypeError: Cannot read properties of null (reading useRef)

Wed, May 25, 22, 00:00, 2 Years ago

1 Displaying a success or error message in React JS upon form submit

Fri, Feb 26, 21, 00:00, 3 Years ago

1 I want to get selected value from select options on button click in react.js

Wed, Nov 4, 20, 00:00, 4 Years ago

1 Vuelidate custom validation function in Vue.js

Thu, Jan 16, 20, 00:00, 4 Years ago

1 How to import TokenExpiredError thrown by jsonwebtoken's verify?

Fri, May 24, 19, 00:00, 5 Years ago

View All

answered 12 Years ago aileenreynap · Accepted Answer

Change your HTML to this:

<td width=30%>Do you accept Terms of Service agreement?</td>

<td width=10px style=min-width: 10px></td>

<td width=70%>

    <input type=checkbox name=TOS value=Accept onClick=EnableSubmit(this)> I agree to Terms of Service agreement.

</td>

Reason it's not working: you're not passing your function anything. Actually, because you've not used parentheses with the function name, you've not called the function at all. Passing it this in the context of the onclick HTML event attribute means you're passing a reference to the element's DOM object, giving you access to its checked property.