Об отключении группы флажка по другому

Question

первый пост здесь, постараюсь быть простым: Мне нужно создать форму, в которой участники медицинского конвента записываются на уроки, каждый урок длится 3 часа, поэтому человек, который хочет посещать уроки, начиная с 10 часов утра, не может зарегистрироваться до 11 часов утра, 12 часов вечера и 13 часов, но он может зарегистрироваться до 14:00 и т. д.

В час 3 разных класса.

Я думал сделать это с помощью JavaScript, но я абсолютно потерян.

Подскажите, пожалуйста, как это сделать?

Спасибо !!

Answer 1

Вы пропустили важный момент в вашем вопросе о требованиях.Когда пользователь ставит отметку для регистрации класса в 10:00, он не может зарегистрировать обе группы:

• группа 1: 11:00 - 12:00 - 13:00

Как вы сказали, что с javascrip вы почти "нулевы", я написал этот код только для концептуальных целей.

Прежде всего вам нужно скачать jquery.jsфайл (вы можете найти его везде с помощью Google), затем поместите файл в тот же каталог, где находится ваш файл register.php.

Код здесь:

<input type="checkbox" value="10" name="convention_time"> 10 am<br>
<input type="checkbox" value="11" name="convention_time"> 11 am<br>
<input type="checkbox" value="12" name="convention_time"> 12 am<br>
<input type="checkbox" value="13" name="convention_time"> 1 pm<br>
<input type="checkbox" value="14" name="convention_time"> 2 pm<br>
<input type="checkbox" value="15" name="convention_time"> 3 pm<br>

<script>
$(function(){
    $('[name="convention_time"]').live('click',function(){
        var A=$(this);
        var method2call = A.is(':checked')?'attr':'removeAttr'
        var selector = '[name="convention_time"]:lt(3)'
        A.nextAll(selector).add( A.prevAll(selector) )[method2call]('disabled','disabled').attr('checked',false)
    })
})
</script>

Answer 2

Быстрый и простой способ сделать это - установить функцию javascript для запуска onChange, которая отключает или включает другие флажки.Вы бы сделали что-то вроде

 <input type="checkbox" onChange="enableDisable(11)" name="11" id="whatever">

Псевдокод вашего javascript будет выглядеть так:

 //Declare function
 //Check the current id and get the next 3 IDs
 //Check the status of the currentid to find out if you checked or unchecked it
 //if you checked it, disable the next 3 ids
 //if you unchecked it, enable the next 3, dependant on whether any of the previous 3 values are checked

Этот последний шаг будет немного болезненным, но это основыкак бы я занялся этим