/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 vote172 views1 answer
<model-view> in html tag
Html
0 vote190 views4 answers
How to change the color of mark tag in html
Html
24 votes202 views5 answers
Gold Color hash code
Html
3 votes222 views2 answers
Multiple ngclass
Html
3 votes195 views2 answers
Html basico
Html
0 vote182 views1 answer
Css grid not working
Html
32 votes183 views2 answers
Css change color on hover
Html
0 vote188 views1 answer
Design college website using html
Html
0 vote243 views4 answers
Twig format datetime
Html
0 vote190 views1 answer
System.IO.FileLoadException: 'Could not load file or assembly 'System.ValueTuple, Version=4.0.2.0, Culture=neutral, PublicKeyToken=cc7b13ffcd2ddd51
Html