启用和禁用单选按钮

我有一个应用程序窗体，其中它作为单选按钮来选择其中一个选项。我必须禁用一个未选中的单选按钮。例如，如果表格包含2科目作为科学和商业，并且它还包含选修科目如计算机科学和生物科学和数学和商业研究商务。如果我的选择是科学，我需要启用科学下的选修课并禁用商业下的选修课。如果我的选择是商业，我需要启用商业下的选修课程。请电话我，我怎么能做到这一点启用和禁用单选按钮

这里是代码

$(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(); 
    }); 

<div class="sbold sleft"><input type="radio" name='XISubject' value='Science' id="XIScience"/> Science</div> 
<div class="sbold sright"><input type='radio' name='XISubject' value='Commerce' id="XICommerce"/> Commerce</div> 

<div class="sleft"> English Physics Chemistry Maths</div> 
<div class="sright">English Accounts Commerce Economics</div> 

    <br> 
    <label>37(a).If your choice of <b>Subject Stream(ques.37)</b> is Science select one of the two electives below:</li> 

      <br> 

<div class="sleft"><input type='radio' name='XIElectives' value='Biology' id="XIBiology" class="science"/> Biology</div> 
<div class="sright"><input type='radio' name='XIElectives' value='Computer Science' id="XICS" class="science"/> Computer Science</div> 
     <br> 

     <label>37(b).If your choice of <b>Subject Stream(ques.37)</b> is Commerce select one of the two electives below: 
     </label> 
      <br> 

<div class="sleft"><input type='radio' name='XIElectives' value='Mathematics' id="XIMathematics" class="commerce"/> Mathematics</div> 
<div class="sright"><input type='radio' name='XIElectives' value='Business Studies' id="XIBS" class="commerce"/> Business Studies</div> 

<br>

来源

2014-03-14 user3377635

语法错误在你的行$（“科学）.attr（‘禁用’，真正的）; - 请关闭双引号” .science”，然后尝试.. – kameswarib

jquery将是这些最简单的方法来处理这个问题。将class="science"应用于您的科学选修课程，并将class="commerce"应用于您的商业选修课。

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

来源

2014-03-14 04:35:13

它不工作 – user3377635

你可能没有包含jQuery然后 – Coderchu

你是否包含了jquery库？你可以使用google CDN来轻松地包含它，把它放在页面顶部。 /ajax/libs/jquery/1.11.0/jquery.min.js“>' –

试试这个：

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

的javascript：

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

来源

2014-03-14 04:49:52

我使用jquery ..它不适用于我..可能是我将代码放置在错误的地方..请致电我在哪里我需要放置代码.. – user3377635

如果必须使用JavaScript，你可以使用.disabled属性，并将其设置为false。只需抓住正确的元素并设置它。您可以使用getElementById()来获取特定元素。

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

来源

2014-03-14 04:52:23 Coderchu

启用和禁用单选按钮

回答

相关问题