首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >阻止用户单击RadioButton

阻止用户单击RadioButton
EN

Stack Overflow用户
提问于 2012-03-21 13:52:13
回答 3查看 2K关注 0票数 2

在我的表单中,我有一些TextBoxes。一旦更改了TextBox的值,则将选择相应的RadioButton。但我希望防止用户更改RadioButton的值。我试着像这样禁用。

代码语言:javascript
运行
复制
 optA.Attributes.Add("disabled", "disabled");

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

一个小的例子是

代码语言:javascript
运行
复制
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),则用户不应更改其值

代码语言:javascript
运行
复制
optA1.Attributes.Add("disabled", "disabled");

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

代码语言:javascript
运行
复制
<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()" />
EN

Stack Overflow用户

发布于 2012-03-21 14:16:18

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

代码语言:javascript
运行
复制
<input type="radio" id="radio1" name="radio" class="readonlyradio">
<input type="radio" id="radio2" name="radio" class="readonlyradio">​

在您的JS中使用此函数:

代码语言:javascript
运行
复制
  $(".readonlyradio").click(function(){
$(this).attr('checked', false);
  });​

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

希望能有所帮助。

票数 1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9799267

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档