Jquery 选中选项按钮时如何禁用和启用

Jquery 选中选项按钮时如何禁用和启用,jquery,html,jsp,Jquery,Html,Jsp,我有两组选项按钮,比如qtr1和qtr2代码如下: 第一季度 第二季度 第三季度 现在,当我检查qtr1和qtr2时,qtr1仍处于检查状态。如何使用jQuery启用或禁用选项按钮 提前感谢。如果您使用option/radio button保持所有选项按钮的名称相同,那么您不需要为此实现任何javascript/jquery <form> <input type="radio" id="qtr1" name="qtr1" value="Quarter-1">Q

我有两组选项按钮,比如qtr1和qtr2代码如下:


第一季度
第二季度
第三季度

现在,当我检查qtr1和qtr2时,qtr1仍处于检查状态。如何使用jQuery启用或禁用选项按钮


提前感谢。

如果您使用option/radio button保持所有选项按钮的名称相同,那么您不需要为此实现任何javascript/jquery

    <form>
<input type="radio" id="qtr1" name="qtr1"  value="Quarter-1">Quarter-1
<input type="radio" id="qtr2" name="qtr2" value="Quarter-2">Quarter-2
<input type="radio" id="qtr2" name="qtr2" value="Quarter-3">Quarter-3
    </form>
例如

试试这个:

$('input:radio').click(function() { 
           var gname=$(this).attr('name');
        if(gname=='qtr1')
        {
            $('input[name="qtr2"]').prop('checked', false);
        }
        else
        {
            $('input[name="qtr1"]').prop('checked', false);
        } });

你所说的选项按钮是什么意思?各自的代码在哪里?您只想激活一个按钮吗?这叫做单选按钮。请参见Hi-Anant中的
type=“radio”
,看起来不错。但在这里,我为单选按钮指定了三个不同的值和两个不同的名称。你能根据我的要求提出建议吗
$('input:radio').click(function() { 
           var gname=$(this).attr('name');
        if(gname=='qtr1')
        {
            $('input[name="qtr2"]').prop('checked', false);
        }
        else
        {
            $('input[name="qtr1"]').prop('checked', false);
        } });