включение и отключение переключателей

Question

включение и отключение переключателей

0

У меня есть форма заявки, в которой она в качестве переключателей выбирает один из параметров. Я должен отключить один из переключателей, который не выбран. Например, если форма содержит 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>

user3377635 14 март 2014, в 06:10

Источник

0

Синтаксическая ошибка в вашей строке $ (". Science) .attr ('disabled', true); - Пожалуйста, закройте двойные кавычки для" .science "и затем попробуйте ..
kameswarib 14 март 2014, в 04:50

Теги:

jquery

html

3 ответа

Ещё вопросы

Синтаксическая ошибка в вашей строке $ (". Science) .attr ('disabled', true); - Пожалуйста, закройте двойные кавычки для" .science "и затем попробуйте ..

Andrew Brown · Answer 1 · 2014-03-14T01-38-00.000Z

Jquery - это самый простой способ справиться с этим. примените class="science" к вашим научным факультативам и class="commerce" к вашим избранным профессиям.

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

Вы, вероятно, не включили JQuery тогда.
Вы включили библиотеку JQuery? Вы можете использовать Google CDN, чтобы включить его легко. поместите это наверху своей страницы. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Я тоже использовал jquery. Может быть, я где-то неправильно разместил код .. Пожалуйста, проверьте мой код еще раз ..
вам не хватает закрытия двойных кавычек. Повторите мой ответ, потому что он сделал некоторые исправления форматирования.
увидеть новейшее обновление. забыл использовать .prop() при работе со свойствами, а не .attr()

Coderchu · Answer 2 · 2014-03-14T02-53-00.000Z

Если вам нужно использовать javascript, вы можете использовать свойство .disabled и установить его в false. Просто возьмите нужные элементы и установите их. Вы можете использовать getElementById() для захвата определенного элемента.

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

Mr.G · Answer 3 · 2014-03-14T02-37-00.000Z

Попробуй это:

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

JavaScript:

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

Я использую jquery .. Это не работает для меня .. Может быть, я поместил код где-то неправильно .. Пожалуйста, скажите мне, где мне нужно разместить код ..