/Html/Html js make dropdown list checkbox

Html js make dropdown list checkbox

<body>
  
    <div id="list1" class="dropdown-check-list" tabindex="100">
        <span class="anchor">Select Fruits</span>
        <ul class="items">
            <li><input type="checkbox" />Apple </li>
            <li><input type="checkbox" />Berry </li>
            <li><input type="checkbox" />Mango </li>
            <li><input type="checkbox" />Banana </li>
        </ul>
    </div>

    <script type="text/javascript">
      
        var checkList = document.getElementById('list1');
        checkList.getElementsByClassName('anchor')[0].onclick = function (evt) {
            if (checkList.classList.contains('visible'))
                checkList.classList.remove('visible');
            else
                checkList.classList.add('visible');
        }

        checkList.onblur = function(evt) {
            checkList.classList.remove('visible');
        }
    </script>
</body>

Source: stackoverflow.com

Html js make dropdown list checkbox

445454

Similar codes

38 votes348 views6 answers
How to create a button in html
Html
2 votes350 views2 answers
Git ignore local files
Html
0 vote379 views1 answer
Smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sar
Html
10 votes277 views2 answers
Coment html
Html
-1 vote346 views2 answers
Import api vue and html
Html
0 vote340 views1 answer
Tailwind box with text
Html
0 vote322 views1 answer
Html.getenumselectlist display name
Html
2 votes349 views1 answer
Name attribute in html
Html
1 vote341 views1 answer
Base tag after link tag
Html
1 vote347 views2 answers
Change htmlwebpackplugin.options.title
Html