Radio Button Resets

[nhoellei]

Is there anyway to reset/clear radio buttons, other than creating a generic reset button that resets all buttons withing the form? I have a table that contains two radio buttons per row so the user can select either button for that particular row. I have a "reset all" button but I would like to create a mechanism to clear a radio button only for the selected row.

Any ideas?

 

[starway]

You can just set the radiobutton's checked property:

document.formName.radioName[index].checked = "0";

if you have 2 radio's:
<form name=f1>
<input type=&quot;radio&quot; name=&quot;choice&quot; value=&quot;val1&quot;> something
<input type=&quot;radio&quot; name=&quot;choice&quot; value=&quot;val2&quot;> something else
</form>

in order to clear the 2nd radio, add a button that will have onClick event:

<input type=&quot;button&quot; name=&quot;b2&quot; value=&quot;clear 2nd radio&quot; onclick=&quot;document.f1.choice[1].checked='0'&quot;>

That's it!
By thó way, you can do the same with checkboxes too.

 

[nhoellei]

Thanks - great info. I added some code to set the checked property(s) to &quot;0&quot;, but now the other radio selects. I wanted to mimic the reset button for the row rather than the entire form. Too bad what I want is not a simple as &quot;....checked.reset....&quot; X-)


Thanks for the reply.

 

[nhoellei]

X-) Wouldn't it figure, as soon as I send the reply to your post, I did some more tinkering and figured it out. What I did was create a button to pass the name of the radio buttons to the following function:

function uncheck(name) {

if (name[0].checked != &quot;0&quot {
name[0].checked = 0
}

if (name[1].checked != &quot;0&quot {
name[1].checked = 0
}

}


Thanks again! LOL

 

[UNIMENT]

nhoellei:

Just to make

function uncheck()

more functional, you should have a loop:

function uncheck(name) {
 for (var i = 0; i < name.length; i++)
  name[i].checked = 0;
}

Note also, that if you're unchecking all of the elements, you don't need the condition

if (name[i].checked != "0")

The function here will clear your checkboxes/radio buttons no matter how many there are in the form.

 

[starway]

Also, if you don't rememebr what names are assigned to what from element types, you can add this:

function uncheck(name) {
 for (var i = 0; i < name.length; i++)

  if (name[i].type == &quot;radio&quot;)
    name[i].checked = 0;
}

This will prevent from clearing checkboxes along with radios.
This improvement is very helpful if you want to an action to be taken over some specific element type. Use this:

for text fields and textarea:
if (formname.elements[i].type == ("text" || "textarea") || ("password") )

for all kind of buttons:
if (formname.elements[i].type == ("button" || "reset" || "submit") )

for checkbox:
if (formname.elements[i].type == "checkbox")

for various selects:
if (formname.elements[i].type == ("select-one" || "select-multiple") )