Javascript 如果用户单击一个复选框，jquery将切换其他复选框

我有两个复选框“过时”和“待定”。 如果用户单击两个复选框中的一个，则应禁用另一个复选框。 如果用户取消选中一个复选框，则两个复选框都应可选择

$（文档）.ready（函数（）{
$（“input.Observe”）。单击（切换复选框（））；
$（“input.pending”）。单击（切换复选框（））；
});
函数切换_复选框（）{
如果（$（'input.Observe'）。选中）{
$（“input.pending”）.attr（“disabled”，true）；
}否则{
$（“input.pending”）.removeAttr（“已禁用”）；
};
如果（$（'input.pending'）。选中）{
$（“input.ocated”）.attr（“disabled”，true）；
}否则{
$（“input.ocated”）.removeAttr（“disabled”）；
};
}

过时的
悬而未决的

此处：

$（文档）.ready（函数（）{
$（'input:checkbox'）。单击（函数（）{
$（this）.sides（'input:checkbox'）.prop（'disabled'，$（this）.is（'：checked'））；
});
});

过时的
悬而未决的
没有任何
$（'input.pending'）。在jQuery中选中了
，而使用
$（'input.pending'）。是（“：checked”）


$（文档）.ready（函数（）{
$（“input.Observe”）。单击（切换复选框）；
$（“input.pending”）。单击（切换复选框）；
});
函数切换_复选框（）{
$（“input.pending”）.attr（“disabled”，$（“input.ocated”）.is（“：checked”）；
$（“input.ocated”）.attr（“disabled”、$（“input.pending”）.is（“：checked”）；
}

过时的
悬而未决的

$（文档）.ready（函数（）{
$（“input.Observe”）。单击（切换复选框）；
$（“input.pending”）。单击（切换复选框）；
});
函数切换_复选框（）{
if（$（'input.ocated'）.prop（'checked'））{
$（“input.pending”）.attr（“disabled”，true）；
}否则{
$（“input.pending”）.removeAttr（“已禁用”）；
};
if（$（'input.pending'）.prop（'checked'））{
$（“input.ocated”）.attr（“disabled”，true）；
}否则{
$（“input.ocated”）.removeAttr（“disabled”）；
};
}

过时的
悬而未决的
您可以简化代码，为所有
输入：checkbox
元素分配一个事件处理程序，而不是单独设置

下面是一个使用jquerys
not（）
函数的简单片段：


$（文档）.ready（函数（）{
$（'input:checkbox'）。在（'change'，function（）上{
$（'input:checkbox'）.not（this）.prop（'checked'，false）；
});
});

过时的
悬而未决的
首先，您需要在所有复选框输入类型中添加一个
className
，并使用下面的概念来实现


$（'input[class^=“class”]）。单击（function（）{
var$this=$（this）；
if（$this.is（“.className”））{
如果（$this.is（“：checked”））{
$（“.className”）.not（$this）.prop（{disabled:true，checked:false}）；
} 
否则{
$（“.className”）.not（$this）.prop（{disabled:false，checked:false}）；
}
}
});


过时的
悬而未决的
#ID
您只能使用一次。你想用的是单选按钮。也许用单选按钮？你应该用单选按钮来做这个。。。此外，切勿对布尔属性和属性使用
attr（）
或
removeAttr（）
。改为使用
prop（）
。单击单选按钮后将无法取消选择。