/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

0 vote107 views1 answer
Align text vertically next to image
Html
11 votes158 views2 answers
How to play mp4 video in website html5
Html
0 vote158 views1 answer
Mysql stop process
Html
10 votes178 views1 answer
How to embed videos in html
Html
29 votes140 views1 answer
How to make the dashed border with longer dashes css
Html
1 vote167 views1 answer
Coc allow comments in json
Html
1 vote130 views1 answer
Cut text in html
Html
8 votes175 views3 answers
Html type file extension
Html
1 vote166 views4 answers
Ck editor cdn
Html
1 vote204 views2 answers
Tab completion vscode
Html