Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.04.2019, 10:13
Новичок на форуме
Отправить личное сообщение для Antropoied Посмотреть профиль Найти все сообщения от Antropoied
 
Регистрация: 24.04.2019
Сообщений: 1

Вопрос по material design lite
В своём проекте использую библиотеку mdl, так уж вышло что в js я новичек. Вопрос заключается в следующем, как сделать так чтобы по событию на checkboxe становился активным выпадающий список вместе с классом "icon" приведённый ниже код не совсем корректно работает
<html>
<head>
<title>ШТАБ</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="mdl/material.min.css">
<link rel="stylesheet" href="mdl/getmdl-select.min.css">
<link rel="stylesheet" href="mdl/iconfont/material-icons.css">
 <script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript">
         $(document).ready(function () {
         $('#myCheckbox').change(function () {
         $('#myList').prop("disabled", !$("#myCheckbox").prop("checked")); 
       })
       });
     </script>
</head>
<BODY bgcolor=#a4a4a4>
   <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="myCheckbox">
     <input type="checkbox" id="myCheckbox" name="checklist" value=1 class="mdl-checkbox__input" /></label>
           <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height" style="max-width: 210px;margin: auto;">            
         
 <input id="myList" disabled class="mdl-textfield__input" value=""   readonly/>
            <input value="" type="hidden" name="val"/>
            <i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i> //класс который нужно сделать неактивным
            <label class="mdl-textfield__label">Наименование ОП</label>
             <ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu">    
             <li class="mdl-menu__item" data-val="1" data-selected="true">текст1</li>
             <li class="mdl-menu__item" data-val="2">текст2</li>
             <li class="mdl-menu__item" data-val="3">текст3</li>
              <li class="mdl-menu__item" data-val="4">текст4</li>      
            <li class="mdl-menu__item" data-val="5">текст</li>                                                             
                     </ul>
               </div>
<script defer src="mdl/material.min.js"></script>
<script defer src="mdl/getmdl-select.min.js"></script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос о циклических ссылках (JavaScript -> Dom -> JavaScipt) BlueIce Events/DOM/Window 10 17.02.2010 21:58
Вопрос про ООП, цепочки прототипов. Shaci Общие вопросы Javascript 5 27.01.2010 14:50
Вопрос по switch N_L Серверные языки и технологии 1 05.11.2009 00:57
мааленький вопрос по Regexp:) mirniy Общие вопросы Javascript 1 22.01.2009 20:47
вопрос по long poll megaswin AJAX и COMET 2 27.05.2008 09:20