Activate/deactivate textfield

@digital_stormMay 03.2005

Hello

I have a form where a radiobutton should be linked to a textfield i.e if current radiobutton is checked then should the textfield on the same row be activated and all other textfields in current form should be deactivated at the same time that their values should be set to NULL is that possible? if yes how do I do that?

I post some syntax for my form below:
——————————————————————–

<form action=”m2.pl” method=”post” name=”form1″>
<table cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”5″> </td>
<td width=”5″> </td>
<td width=”110″> </td>
<td width=”5″ align=”center”> </td>
<td width=”281″> </td>
</tr>
<tr>
<td width=”5″> <input name=”m2″ type=”radio” value=”1″ checked> </td>
<td width=”5″> </td>
<td width=”110″> </td>
<td width=”5″ align=”center”> </td>
<td>Avaktivera</td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”2″></td>
<td width=”5″> </td>
<td width=”110″> <input name=”m2nr2″ type=”text” id=”m2nr2″> </td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”3″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr3″ type=”text” id=”m2nr3″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”4″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr4″ type=”text” id=”m2nr4″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”5″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr5″ type=”text” id=”m2nr5″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”6″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr6″ type=”text” id=”m2nr6″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”7″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr7″ type=”text” id=”m2nr7″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”8″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr8″ type=”text” id=”m2nr8″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”9″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr9″ type=”text” id=”m2nr9″></td>
<td width=”5″ align=”center”> </td>
<td> </td>
</tr>
<tr>
<td width=”5″><input type=”radio” name=”m2″ value=”10″></td>
<td width=”5″> </td>
<td width=”110″><input name=”m2nr10″ type=”text” id=”m2nr10″></td>
.
.
.
.
.

.
———————————————————————–

Thanks in advance!

/D_S

to post a comment

JavaScript

2 Comments(s) _↴

@Mr_JMay 03.2005 — #Not too sure here but this might point you in the right direction

[SIZE=1]

<HTML>

<HEAD>

<TITLE>Document Title</TITLE>

<script type="text/javascript">



</script>

</HEAD>

<BODY>

<form action="m2.pl" method="post" name="form1">

<table cellpadding="0" cellspacing="0">

<tr>

<td width="5"> </td>

<td width="5"> </td>

<td width="110"> </td>

<td width="5" align="center"> </td>

<td width="281"> </td>

</tr>

<tr>

<td width="5"> <input name="m2" type="radio" value="1" checked> </td>

<td width="5"> </td>

<td width="110"> </td>

<td width="5" align="center"> </td>

<td>Avaktivera</td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="2" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr1" type="text" id="m2nr1"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="3" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr2" type="text" id="m2nr2"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="4" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"> <input name="m2nr3" type="text" id="m2nr3"> </td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="5" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr4" type="text" id="m2nr4"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="6" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr5" type="text" id="m2nr5"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="7" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr6" type="text" id="m2nr6"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="8" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr7" type="text" id="m2nr7"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="9" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr8" type="text" id="m2nr8"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

</table>

<form>

</BODY>

</HTML>

[/SIZE]

@digital_stormauthorMay 03.2005 — #Edited

My misstake I have solved it.....thank you very much!

Best Regards /D_S

-------old message---------------------------------------

Hello

Thanks .....I get an error that says that 'myForm[...] is null or not an object' indicated below with =====>

------------------------------------------------
<script language="javascript">

function setEnable(idkey)

{

myForm=document["form2"];

for(var i=1;i<myForm["m2"].length;i++){

--------error-----------------------------

======> myForm["m2nr"+i].disabled=false;
-----------------------------------------

myForm["m2nr"+i].value=null;

if(myForm.m2[i].checked){

myForm["m2nr"+i].value="";

}

else{

myForm["m2nr"+i].disabled=true;

}

}

}

//-->

</script>
--------------------------------------

Not too sure here but this might point you in the right direction

[SIZE=1]

<HTML>

<HEAD>

<TITLE>Document Title</TITLE>

<script type="text/javascript">



</script>

</HEAD>

<BODY>

<form action="m2.pl" method="post" name="form1">

<table cellpadding="0" cellspacing="0">

<tr>

<td width="5"> </td>

<td width="5"> </td>

<td width="110"> </td>

<td width="5" align="center"> </td>

<td width="281"> </td>

</tr>

<tr>

<td width="5"> <input name="m2" type="radio" value="1" checked> </td>

<td width="5"> </td>

<td width="110"> </td>

<td width="5" align="center"> </td>

<td>Avaktivera</td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="2" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr1" type="text" id="m2nr1"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="3" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr2" type="text" id="m2nr2"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="4" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"> <input name="m2nr3" type="text" id="m2nr3"> </td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="5" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr4" type="text" id="m2nr4"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="6" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr5" type="text" id="m2nr5"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="7" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr6" type="text" id="m2nr6"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="8" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr7" type="text" id="m2nr7"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

<tr>

<td width="5"><input type="radio" name="m2" value="9" onclick="chk_rad()"></td>

<td width="5"> </td>

<td width="110"><input name="m2nr8" type="text" id="m2nr8"></td>

<td width="5" align="center"> </td>

<td> </td>

</tr>

</table>

<form>

</BODY>

</HTML>

[/SIZE][/QUOTE]

Also in #JavaScript _↴

Help!page scroller dynamically change the form's content

Success!

Help @digital_storm spread the word by sharing this article on Twitter...

Tweet This

Activate/deactivate textfield

I post some syntax for my form below:
——————————————————————–

.
———————————————————————–

2 Comments(s) _↴

======> myForm["m2nr"+i].disabled=false;
-----------------------------------------

</script>
--------------------------------------

Also in #JavaScript _↴

Success!

Social

Version

Activate/deactivate textfield

I post some syntax for my form below: ——————————————————————–

. ———————————————————————–

2 Comments(s) ↴

======> myForm["m2nr"+i].disabled=false; -----------------------------------------

</script> --------------------------------------

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

I post some syntax for my form below:
——————————————————————–

.
———————————————————————–

2 Comments(s) _↴

======> myForm["m2nr"+i].disabled=false;
-----------------------------------------

</script>
--------------------------------------

Also in #JavaScript _↴