2013-05-06 4 views
0

Я работаю над проектом (с использованием рамки CodeIgniter), который содержит сетку с большим количеством флажков. При выборе флажка появляется всплывающее (twitter bootstrap - modal), которое содержит операторы и соответствующие подзапросы. Выражения должны быть выбраны с помощью радиокнопок, а подзапросы должны быть выбраны с помощью флажков.Несколько кнопок радиосвязи со связанными флажками

Например: если я выбираю первый оператор, тогда я должен выбрать его соответствующие подзапросы, а не 2-го. Чтобы избежать выбора других подзапросов, я должен их отключить. Как я могу это сделать?

Radio1: утверждение 1 (включить - выбранное) chckbox1: суб-stmt1 (выбранного) chckbox2: суб-stmt2 (может быть выбран или может не быть)

Radio2: Заявление 2 (включить - не выбрано) chckbox1: суб-stmt1 (отключить) chckbox2: суб-stmt2 (отключить) chckbox3: суб-stmt3 (отключить)

radio3: ведомость 3 (включить - не выбрано) chckbox1: суб-stmt1 (отключить)

Я использую вложенные для циклов, один для создания радиокнопок (операторов) и другой для флажков (подзапросов).

+0

Вы хотите сделать это с помощью jQuery? – Ali

+0

Ему понадобится javascript в любом случае, чтобы открыть/закрыть всплывающее окно, переключить подзапросы, на .. – Aurel

+0

Пожалуйста, напишите свой ответ как * ответ *, а не * комментарий * на вопрос. Кроме того, чтобы сделать этот вопрос актуальным для других в будущем, разместите соответствующий html. –

ответ

0

я решил ее по-другому

// скрыть флажки других радиокнопок, если они не выбраны выбранные

$ (функция() {

$('#comment').on('change', '.toggle-family', function() { 

     if ($(this).attr('checked')) { 

      $("[name='cbox[]']").addClass('hide'); 
      $('.pi_'+$(this).val()).removeClass('hide'); 
     } 
    }); 

});

Спасибо, ребята.

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