2015-03-01 3 views
-1

Я работаю над проектом и нуждаюсь в некоторой помощи. Я хочу сделать что-то вроде этого Все флажки имеют один и тот же класс, и их данные извлекаются из базы данных. Если я установил флажок 1, тогда флажок 2 должен быть отключен, так как дата флажка2 лежит во время дат флажков 1. При условии, если установлен флажок 2, тогда checbox1 и флажок 3 должны быть отключены из-за дат. Это произойдет с большим количеством флажков.Отключить флажок, сравнивая даты

  1. Это флажок 1 (2015-03-02 до 2015-03-09)

  2. Это флажок 2 (2015-03-05 до 2015-03-15)

  3. Это флажок 3 (2015-03-13 к 2015-03-19)

+0

Можете ли вы показать нам свой неудачный код? – dgilperez

+0

Проблема заключается в том, что я не знаю, с чего начать, я застрял здесь –

+0

Я извлек данные флажка, такие как значение флажка из базы данных, используя php. Все флажки имеют тот же класс. –

ответ

0

Я ожидаю, что это даст вам представление о том, чтобы начать

$('.chkboxClass').on('click',function() 
{ 
    if($(this).hasClass('active')) 
    { 
     $(this).siblings().attr("disabled", false); 
     $(this).removeClass('active'); 
     return; 
    } 
    $(this).addClass('active'); 
    var elem = $(this).val(); // Fetching the selected checkbox value 
    var selectedDateSplit = elem.split('to'); 
    var selectedEndDate = new Date(selectedDateSplit[1].trim()); 
    var allOthorCheckBox = $(this).siblings(); //Find all other checkboxes 

    $(allOthorCheckBox).each(function(){ // Looping through the chckboxes 
     var chkBoxValue = $(this).val(); 
     var chkBoxValueSplit = chkBoxValue.split('to'); 
     var otherCheckBoxStartDate = new Date(chkBoxValueSplit[0].trim()); 
     if(selectedEndDate > otherCheckBoxStartDate) // Checking selected checkbox endDate > other chckbox start date 
     { 
      $(this).attr("disabled", true); 
     } 
    }); 

Обновлена ​​ссылка js fiddle. http://jsfiddle.net/LMKLMK/47m2ehvf/3/

+0

Соответствует ли это требованиям? – LMK

+0

Ваш ответ действительно полезен, но что, если я сниму его? Я проверил вашу ссылку, очень полезную. Я снял флажок и другие флажки по-прежнему отключены. Я новичок в jquery, так что вы можете решить это для меня. –

+0

Да, это почти соответствует моим требованиям. Опция uncheck также должна быть там. –

Смежные вопросы