Home/ Questions/Q 907465
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T16:33:37+00:00

<form action= method=post name=site_avatar id=avatar enctype=multipart/form-data> <input type=radio name=avatar value=gravatar /> <input type=radio name=avatar

  • 0
<form action="" method="post" name="site_avatar" id="avatar" enctype="multipart/form-data">
<input type="radio" name="avatar" value="gravatar" />
<input type="radio" name="avatar" value="local" />
<input size="25" name="file" type="file" />
<input name="site_avatar" type="submit" value="Submit" />
</form>

This is my form with two radio buttons and one image upload field. I want to keep the “Browse” button disabled if the second radion button isn’t selected (with the value “local”).

Can anyone please help?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    [See it in action]

    Javascript

    var form = document.getElementById("avatar");
var second = form.getElementsByTagName("input")[1];
var file = document.getElementById("file");

form.onchange = function() {
  if (second.checked) {
    file.disabled = false;
  } else {
    file.disabled = "disabled";
  }
};

    HTML

    <input size="25" name="file" id="file" type="file" />

    I would suggest you revisiting the names & ids in the form btw, because they are kinda messed up. 🙂

    • 0