阻止用户单击单选按钮

Prevent users to click RadioButton

本文关键字：单选按钮 单击 用户      更新时间：2023-09-26

在我的表单中，我有一些TextBoxes。一旦TextBox的值发生更改，则将选择相应的RadioButton。但我想防止用户更改RadioButton的值。我试过这样致残。

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

但这个脚本使单选按钮变灰，看起来不太好。是否有任何脚本可以阻止用户单击/更改单选按钮的选定值？

就是一个小例子

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;

这就是我想要的。因此，用户不应更改单选按钮的值（optA1、optA2）如果我使用

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

我无法在服务器端获取optA1的值。我的aspx代码是

<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()" />

尝试通过以下onclick事件阻止用户操作：

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

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

附加一个只读类，并在每次单击时将单选按钮的属性更改为取消选中。

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

在JS:中使用此函数

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

检查这个小提琴：http://jsfiddle.net/Xwtvp/

希望能有所帮助。

相关文章：