Javascript 在单选按钮和#x27；返回时无法工作

要求：

单击单选按钮同意---做某事

单击单选按钮不同意---做某事

这是第一次完全正常工作

单击“不同意”单选按钮，然后再次单击“同意”时出现问题。它没有调用“同意”部分中定义的功能（即提交按钮仍应处于禁用模式），反之亦然。请提出你的建议

$（'input[type=radio][name=choice]'）。更改（函数（）{
如果（this.value=='Agree'）{
$（“#提交”）。单击（函数（事件）{
event.preventDefault（）；
}
)
}else if（this.value==‘不同意’）{
$（“#提交”）.removeAttr（'disabled'）；
}
});

同意标签>
不同意
提交
问题在于您正在嵌套事件处理程序。要解决此问题，请分离逻辑，以便根据
change
事件处理程序中选择的单选项启用按钮。然后在表单提交上有一个单独的处理程序，该处理程序检查是否选中了“Agree”单选项，如果没有，则防止事件发生。试试这个：


var$radios=$（'input[type=“radio”][name=“choice”]”）。更改（函数（）{
$（'#submit'）.prop（'disabled'，$（this.val（）='discovere'）；
});
$（'#yourForm'）。关于（'submit'，函数（e）{
if（$radios.filter（':checked'）.val（）！=='Agree'）{
e、 预防默认值（）；
console.log（'检查不一致，取消表单提交'）；
}否则{
log（'提交表单…'）；
}
});

同意
不同意
提交
问题在于您正在嵌套事件处理程序。要解决此问题，请分离逻辑，以便根据
change
事件处理程序中选择的单选项启用按钮。然后在表单提交上有一个单独的处理程序，该处理程序检查是否选中了“Agree”单选项，如果没有，则防止事件发生。试试这个：


var$radios=$（'input[type=“radio”][name=“choice”]”）。更改（函数（）{
$（'#submit'）.prop（'disabled'，$（this.val（）='discovere'）；
});
$（'#yourForm'）。关于（'submit'，函数（e）{
if（$radios.filter（':checked'）.val（）！=='Agree'）{
e、 预防默认值（）；
console.log（'检查不一致，取消表单提交'）；
}否则{
log（'提交表单…'）；
}
});

同意
不同意
提交
试试这段代码。我希望它能帮助你


$（'input[type=radio][name=choice]'）。更改（函数（）{
if（this.value=='Agree'）{$（'#submit'）.removeAttr（'disabled'）；
$（“#提交”）。单击（函数（事件）{
event.preventDefault（）；
console.log（“登录协议对象”）
}
)
}else if（this.value==‘不同意’）{
$（“#提交”）.removeAttr（'disabled'）；
}
});

同意
不同意
提交
尝试此代码。我希望它能帮助你


$（'input[type=radio][name=choice]'）。更改（函数（）{
if（this.value=='Agree'）{$（'#submit'）.removeAttr（'disabled'）；
$（“#提交”）。单击（函数（事件）{
event.preventDefault（）；
console.log（“登录协议对象”）
}
)
}else if（this.value==‘不同意’）{
$（“#提交”）.removeAttr（'disabled'）；
}
});

同意
不同意
提交
您希望发生什么
event.preventDefault（）
将不再启用该按钮如果我第一次单击“不同意”，则“提交”按钮现在将启用以提交整个表单。现在用户的情绪发生了变化，他/她再次单击了“同意”，现在他希望做点什么，然后“提交”按钮将启用“提交”。您希望发生什么
event.preventDefault（）
将不再启用该按钮如果我第一次单击“不同意”，则“提交”按钮现在将启用以提交整个表单。现在用户的情绪发生了变化，他/她再次单击了“同意”，现在他希望做些什么，然后“提交”按钮将启用“提交”。