title: Prevent users to click RadioButton
body: <p>In my form I have some TextBoxes. Once the value of TextBox is changed then corresponding RadioButton will be selected. But I want to prevent users from changing the value of RadioButton. 
  I tried disabling like this.</p>
  
  <pre><code> optA.Attributes.Add("disabled", "disabled");
  </code></pre>
  
  <p>But this script greys out the radiobutton which is not looking good. Is there any script to prevent users from clicking/changing the selected value of radiobutton?</p>
  
  <p>Small example is</p>
  
  <pre><code>totalval=document.getElementById('txt1').value+document.getElementById('txt2').value
  if (totalval&gt;101)
  document.getElementById('optA1').checked=true;
  else if(totalval&lt;100)
  document.getElementById('optA2').checked=true;
  </code></pre>
  
  <p>This is what I want. So the users should not change the value of radiobuttons (optA1,optA2)
  if am using </p>
  
  <pre><code>optA1.Attributes.Add("disabled", "disabled");
  </code></pre>
  
  <p>I couldnt get the value of optA1 at server side.
  My aspx code is</p>
  
  <pre><code>&lt;asp:RadioButton ID="optA1" GroupName="optAchieve" runat="server" Text="30" value="30" onclick="indicateColor()" /&gt;
  &lt;asp:RadioButton ID="optA2" GroupName="optAchieve" runat="server" Text="20" value="20" onclick="indicateColor()" /&gt;
  </code></pre>