Javascript 选中另一个复选框时禁用复选框

Javascript 选中另一个复选框时禁用复选框,javascript,jquery,Javascript,Jquery,如果选择了第一个复选框,如何将类“disabled”添加到第二个复选框中,反之亦然。 我不知道我错在哪里,这是我的代码,在我的代码中,我设想了两个函数,其中我将在每个函数中关闭辅助复选框。(也许它可以在一个函数中确定,但我不知道),这是我的例子,如果有人能纠正我的错误,谢谢 功能禁用移动(ev){ ev.preventDefault(); 变量inputElementLabel=$(ev.currentTarget); var inputElement=inputElementLabel.si

如果选择了第一个复选框,如何将类“disabled”添加到第二个复选框中,反之亦然。 我不知道我错在哪里,这是我的代码,在我的代码中,我设想了两个函数,其中我将在每个函数中关闭辅助复选框。(也许它可以在一个函数中确定,但我不知道),这是我的例子,如果有人能纠正我的错误,谢谢

功能禁用移动(ev){
ev.preventDefault();
变量inputElementLabel=$(ev.currentTarget);
var inputElement=inputElementLabel.sides(“输入”);
if(inputElement.is(':checked')){
if(inputElement.attr(“id”)=“b_mobnr”){
$(“.newmobile.circle按钮”).addClass(“禁用”);
}否则{
$(.b_mobnr.circle按钮”).removeClass(“禁用”);
}
} 
}
功能禁用移动选项(ev){
ev.preventDefault();
变量inputElementLabel=$(ev.currentTarget);
var inputElement=inputElementLabel.sides(“输入”);
if(inputElement.attr(“id”)=“newmobile”){
$(.b_mobnr.circle按钮”).addClass(“禁用”);
}否则{
$(.newmobile.circle按钮”).removeClass(“禁用”);
}
}

选项
移动选项
新移动选项
选中复选框时,可以使用
.not()
将禁用的类添加到其他span标记。其他方法是在函数调用中传递
,然后根据是否选中复选框将类添加到其他span标记

演示代码

/*$(“.circle按钮输入[类型=复选框]”)。在(“更改”,函数(){
$(“.circle buttons”).removeClass(“已禁用”)//从所有
如果($(this).is(“:checked”)){
$(“.circle buttons”).not($(this).closest(“.circle buttons”)).addClass(“disabled”)//其他span标记
}
})*/
功能禁用移动(el){
变量inputElement=$(el);
//将类从所有
$(“.circle buttons”).removeClass(“禁用”);
//检查复选框是否已选中
if(inputElement.is(':checked')){
//将类添加到其他
$(.b_mobnr.circle按钮”).addClass(“禁用”);
}
}
功能禁用移动选项(el){
变量inputElement=$(el);
$(“.circle buttons”).removeClass(“禁用”);
if(inputElement.is(':checked')){
$(“.newmobile.circle按钮”).addClass(“禁用”);
}
}
。已禁用{
颜色:灰色;
指针事件:无
}

选项
移动选项
新移动选项

我不理解这个UI。为什么会有两个复选框,其中一个始终处于禁用状态?为什么不只用单选按钮呢?这正是他们创建的用例…@HereticMonkey抱歉,我不能使用radiobutton,这是一段代码。那时我必须改变一切。我认为这对我来说是一个更简单的解决方案。您好@Swati谢谢,我不能用这个,因为我的页面上还有很多复选框,我认为这个概念会改变,所以我必须至少使用一个函数。@Mara与其等待答案来告诉人们需求,不如将它们包括在问题中,请至少使用一个函数?请详细说明?@Swati我不能和你一起打开这个,我需要调用onclick=“somefunction()”并在class=“circle buttons”@Mara上添加“disable”类查看更新的代码。