防止用户单击RadioButton

Question

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.

 optA.Attributes.Add("disabled", "disabled");

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?

Small example is

totalval=document.getElementById('txt1').value+document.getElementById('txt2').value
if (totalval>101)
document.getElementById('optA1').checked=true;
else if(totalval<100)
document.getElementById('optA2').checked=true;

This is what I want. So the users should not change the value of radiobuttons (optA1,optA2) if am using

optA1.Attributes.Add("disabled", "disabled");

I couldnt get the value of optA1 at server side. My aspx code is

<asp:RadioButton ID="optA1" GroupName="optAchieve" runat="server" Text="30" value="30" onclick="indicateColor()" />
<asp:RadioButton ID="optA2" GroupName="optAchieve" runat="server" Text="20" value="20" onclick="indicateColor()" />

Answer 1

尝试通过诸如此类的onclick事件阻止用户操作：

optA.Attributes.Add("onclick", "return false;");

Answer 2

您必须右键单击单选按钮上的javascript，无论选择了什么单选选项，始终要从javascript中选择默认选项。

Answer 3

Attach a readonly class and change attribute of radio button to unchecked on each click.

<input type="radio" id="radio1" name="radio" class="readonlyradio">
<input type="radio" id="radio2" name="radio" class="readonlyradio">​

Use this function in your JS:

  $(".readonlyradio").click(function(){
$(this).attr('checked', false);
  });​

Check this fiddle: http://jsfiddle.net/Xwtvp/

Hope it helps.