How to set an empty value of an input radio button element? 2

apostolchopov · Oct 6, 2006

Hi, fellows!

How to set an empty value of an input radio button element by clicking on a button on the same Web-page?

Thanks in advance!

BabyJeffy · Oct 7, 2006

Without having any idea if it will work...

I would dynamically create and attach a new checkbox with the same name to your form, set it's checked property to be 'checked'... and then remove it from the form again.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

tsuji · Oct 7, 2006

>How to set an empty value of an input radio button element by clicking on a button on the same Web-page?

Radio button value is read-write. So what is behind the question? A demo.
[tt]
<html>
<head>
<script language="javascript">
function doit(srbtnname) {
var celem=document.getElementsByName(srbtnname);
for (var i=0;i<celem.length;i++) {
alert("before: "+celem.value);
}
var icount=0;
for (var i=0;i<celem.length;i++) {
celem.value=(celem.value=="")?"radio-"+icount:"";
icount++;
}
for (var i=0;i<celem.length;i++) {
alert("after: "+celem.value);
}
}
</script>
</head>
<body>
<form>
<input type="radio" name="rbtnname" value="radio-0">radio-0</input><br />
<input type="radio" name="rbtnname" value="radio-1">radio-1</input><br />
<input type="radio" name="rbtnname" value="radio-2">radio-2</input><br />
<input type="button" onclick="doit('rbtnname')" value="toggle radio value" /><br />
</form>
</body>
</html>
[/tt]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to set an empty value of an input radio button element? 2

apostolchopov

Programmer

BabyJeffy

Programmer

tsuji

Technical User

Similar threads

Part and Inventory Search

Sponsor