Enabling Radiobuttonlist in Javascript

K

KA Kueh

Dear all,

I am trying to enable the radiobuttonlist which is initally disabled via
javascript and could not get it to work. But if the radiobuttonlist is not
disabled initially then the javascript will work. Is this a feature by
design? What is the best way around this issue? Thanks.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestForm1.aspx.cs"
Inherits="TestForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Untitled Page</title>

<script type="text/javascript">

function test()

{


if (document.getElementById('RadioButtonList1_0').checked)

document.getElementById('RadioButtonXX').disabled=false;

else

document.getElementById('RadioButtonXX').disabled=true;

}

</script>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" >

</asp:ScriptManager>

<div>

<asp:button ID="btnDelete" runat="server" onClientClick="return confirm('Are
you sure you want to delete this mailbox?')" Text="Delete" />

<asp:RadioButtonList ID="RadioButtonList1" runat="server" >

<asp:ListItem>Apple</asp:ListItem>

<asp:ListItem>Orange</asp:ListItem>

</asp:RadioButtonList>

<asp:CustomValidator ID="CustomValidator1" runat="server"
ClientValidationFunction="test"

ControlToValidate="RadioButtonList1">

</asp:CustomValidator>

<asp:DropDownList ID="DropDownList1" runat="server">

<asp:ListItem Text="One" Value="1"></asp:ListItem>

<asp:ListItem Text="Two" Value="2"></asp:ListItem>

</asp:DropDownList>

<asp:RadioButtonList ID="RadioButtonXX" Enabled="false" runat="server" >

<asp:ListItem>Car</asp:ListItem>

<asp:ListItem>Lorry</asp:ListItem>

</asp:RadioButtonList >

</div>


</form>


</body>

</html>
 
K

KA Kueh

Hi Nick,

Not true. If the radiobuttonlist was initially disabled then the
javascript will not work even if I loop through the radiobutton. What I
want to know is, Is the behaviour as per design or otherwise? Thanks.

Regards.
Kueh
 
N

Nick Chan

this works

<form>
<input type="radio" name="x" disabled><br>
<input type="radio" name="x" disabled><br>
</form>

<script type="text/javascript">
onload=function(){
var radios=document.forms[0].x
for(var i=0;i<radios.length;i++){
radios.disabled=false
}
}
</script>

it will enable them again on page load. that is JAVASCRIPT
talking about asp.net, it may still "remember" that the radios are
disabled, so that i "may" refuse any posting of the radiolist
 
K

KA Kueh

Hi Nick,

Great. I will try your suggested solution.

Regards,
Kueh.

Nick Chan said:
this works

<form>
<input type="radio" name="x" disabled><br>
<input type="radio" name="x" disabled><br>
</form>

<script type="text/javascript">
onload=function(){
var radios=document.forms[0].x
for(var i=0;i<radios.length;i++){
radios.disabled=false
}
}
</script>

it will enable them again on page load. that is JAVASCRIPT
talking about asp.net, it may still "remember" that the radios are
disabled, so that i "may" refuse any posting of the radiolist

Hi Nick,

Not true. If the radiobuttonlist was initially disabled then the
javascript will not work even if I loop through the radiobutton. What I
want to know is, Is the behaviour as per design or otherwise? Thanks.

Regards.
Kueh



















- Show quoted text -
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,968
Messages
2,570,149
Members
46,695
Latest member
StanleyDri

Latest Threads

Top