Jquery 启用和禁用单选按钮

我有一份申请表，在其中它可以作为单选按钮来选择其中一个选项。我必须禁用其中一个未选中的单选按钮。 例如，如果表格包含科学和商业两个科目，并且还包含 计算机科学和生物科学以及商业数学和商业研究等选修课。如果我选择的是科学，我需要启用科学下的选修课，禁用商业下的选修课。如果我选择商业，我需要启用商业下的选修课。 请告诉我怎么做

这是密码

$(function() {
        $("#XISubmit").click(function(){
var XISubject = XIForm.find('input[name=XISubject]:checked').val();
    if (XISubject == null || XISubject == "") {
        alert("Please select the Study Streams Offered");
        return false;
    }
   $("#XIScience").click(function(){
$(".science").attr('disabled','disabled');
$(".commerce").removeAttr('disabled');

}))

document.getElementById（“XIForm”）.submit（）；
}); 
科学类
商业
英语物理化学数学
英国商业经济学


37（a）.如果您选择的科目流（问题37）是科学，请从以下两个选修课中选择一个：


生物
计算机科学


37（b）.如果您选择的科目流（问题37）是商务，请从以下两个选修课中选择一个：


数学
商业研究

Jquery将是处理此问题最简单的方法。将

class=“science”

应用于你的科学选修课，将

class=“commerce”

应用于你的商业选修课

$("#XIScience").click(function(){
    $(".science").prop('disabled', true);
    $(".commerce").prop('disabled', false);
});

---

试试这个：

$("#XIScience").click(function(){
    $(".science").attr('disabled','disabled');
    $(".commerce").removeAttr('disabled');
});

document.getElementsByClassName('science').disabled=true;
document.getElementsByClassName('commerce').disabled=false;

javascript:

$("#XIScience").click(function(){
    $(".science").attr('disabled','disabled');
    $(".commerce").removeAttr('disabled');
});

document.getElementsByClassName('science').disabled=true;
document.getElementsByClassName('commerce').disabled=false;

---

如果必须使用javascript，可以使用

.disabled

属性并将其设置为false。只要抓住正确的元素并设置它。可以使用

getElementById（）

获取特定元素

document.getElementById("XIScience").disabled = true;
document.getElementById("XICommerce").disabled = false;

---

那么您可能没有包含jQuery。是否包含jQuery库？您可以使用google CDN轻松地包含它。把这个放在你的页面顶部<代码>我也使用了jquery。可能是我把代码放错地方了。。请再次检查我的代码..您缺少结束双引号。重新复制我的答案，因为它进行了一些格式更正。请参阅最新更新。处理属性时应使用

.prop（）

，而不是

.attr（）

行$（“.science）.attr（'disabled'，true）；--请关闭“.science”的双引号“然后尝试..我使用jquery..”。。这对我不起作用。。可能是我把代码放错地方了请告诉我需要把代码放在哪里。。