如何防止在选中的单选按钮中再次单击?

时间:2011-07-05 10:44:25

标签: jquery radio-button

如何防止再次点击已经检查的单选按钮?

意思是拒绝在同一个单选按钮中再次点击的可能性。

此致 RG

2 个答案:

答案 0 :(得分:1)

如果事件被点击之前,您可以阻止该事件:

var clicked = false;
$('input:radio.yourclass').click(function(event){
     if (clicked){
         event.preventDefault();
     }
     clicked = true;
});

您也可以禁用它,但它的值不会发布到服务器 - 如果您需要控制更多按钮,可以完成,请提供您的标记

此处示例= http://jsfiddle.net/LUkw9/1/

答案 1 :(得分:0)

将类似内容添加到单击单选按钮时执行的功能

jQuery("#parentElement input:radio").attr('disabled',true);

而不是

input:radio

您也可以定位单选按钮的特定ID。

<input type="radio" name="example1" id="example1">
<input type="radio" name="example2" id="example2">

有了这个

('#example2').click(function(){
alert("handling radiobutton, complete!");
jQuery("#example1").attr('disabled',false);
jQuery("#example2").attr('disabled',true);});

当然,这有点快(但不是很脏),如果表单有未知数量的单选按钮,你应该循环使用它们。