За последние 24 часа нас посетили 21706 программистов и 1023 робота. Сейчас ищут 689 программистов ...

Отображение несколько checkbox при выборе input>radio

Тема в разделе "Сделайте за меня", создана пользователем aslan2030, 21 янв 2017.

Метки:
  1. aslan2030

    aslan2030 Новичок

    С нами с:
    19 янв 2017
    Сообщения:
    3
    Симпатии:
    0
    Есть две "радиокнопки" - Полная и Неполная
    При выборе "Полная" выводить несколько значении чексбоксов на экран, но при выборе "Неполная" выводить другие значении чекбоксов, без перезагрузки страницы.
    Можно и с js
    Это вообще возмиожно?
     
  2. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.989
    Симпатии:
    759
    Это стало возможно совсем недавно. Тысячи лет это было невозможно.

    HTML:
    1.  
    2.  
    3.  
    4.           <input type="radio" name="Name" value="1" class="radio" />
    5.  
    6.           <input type="checkbox" name="chbx1" class="bx" />
    7.  
    8.           <input type="checkbox" name="chbx2" class="bx" />
    9.  
    10.           <input type="radio" name="Name" value="2" class="radio" />
    11.  
    12. </form>
    13.  
    14.  
    Код (CSS):
    1. .bx {
    2.  
    3. display:none;
    4.  
    5. }
    Код (Javascript):
    1. //JQuery
    2.  
    3. $('.radio').change(function(){
    4.  
    5. var rd = $('.radio').val(); // в этой строке не уверен, но тебе же лень учиться, поэтому мне лень проверять :)
    6.  
    7. if ( rd == 1 ) {
    8.  
    9. $('.bx').css({'display':'inline'});
    10.  
    11. } else {
    12.  
    13. $('.bx').css({'display':'none'});
    14.  
    15. }
    16.  
    17. });
     
  3. aslan2030

    aslan2030 Новичок

    С нами с:
    19 янв 2017
    Сообщения:
    3
    Симпатии:
    0
    TeslaFeo: Cпасибо) Мне не лень учится, курсач просто надо сдавать, а сроки горят(