CODEWITHSUNDEEP
javascriptforms
iCodeLikeImDrunk
iCodeLikeImDrunk

Reputation: 17806

how do i disable certain elements of a form using a radio button input?

here is the fiddle page: http://jsfiddle.net/hgcTb/10/

in the form there is a radio button with id = "extra"

i was hoping to do this: when user clicks that radio button all other inputs are disabled, the only inputs that would be enabled is the radio buttons and the submit/reset buttons, and when user click reset the form should reset to the original form, maybe using javascript?

please give some pointers or samples

EDIT: ive added a function to disable each element but it is giving me errors.

Upvotes: 0

Views: 605

Answers (1)

Saket
Saket

Reputation: 46137

Yes, use javascript to do so.

Add an onclick event to your radio button that disables the other HTML elements. For example:

Here's your radio button:
<input type="radio" name="choice" value="consume" onclick="disableItems(this)" />

Here's your script: 

function disableItems(obj) {

 var el = document.getElementById('<your HTML element's ID>');
 el.disabled = true;

 // do this for other HTML elements in your form
}

Regarding Reset, you can attach a similar onclick handler for the RESET button, that enables the controls back (using el.disabled=false).

These are just snippets to get you started, and give you an idea of how to proceed (no spoon-feeding for the exact solution). There may be more code involved based on your form's logic.

Upvotes: 1

Related Questions