/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 vote179 views1 answer
How to embed link in text //ptwmjmp.com/?siteId=jasmin&categoryName=&pageName=home&performerName=&prm[psid]=Seb868&prm[pstool]=205_1&prm[psprogram]=revs&prm[campaign_id]=&subAffId={SUBAFFID}&filters=
Html
38 votes189 views4 answers
How to make new line in html paragraph
Html
26 votes182 views5 answers
Remove underline from a tag
Html
0 vote179 views1 answer
[email protected] c=a.getattribute("data-submit false");a="1"===c||"q"===c &!a.elements.q.value?!0:!1}else
Html
2 votes211 views2 answers
Audio controls tag html
Html
0 vote156 views1 answer
Make an drodown menu
Html
10 votes181 views1 answer
Input type="file" and display image
Html
49 votes174 views6 answers
Image html
Html
0 vote176 views1 answer
How to put < in html
Html
0 vote177 views1 answer
Html don't date to phone number
Html