Breaking News: Grepper is joining You.com. Read the official announcement!

html js make dropdown list checkbox

Powerful Penguin answered on June 4, 2020 Popularity 9/10 Helpfulness 6/10

answer html js make dropdown list checkbox

related html js make dropdown list checkbox

html js make dropdown list checkbox

Comment

<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>

Popularity 9/10 Helpfulness 6/10 Language html

Source: stackoverflow.com

Tags: checkbox dropdown html list

Link to this answer
Share Copy Link

Contributed on Jun 04 2020

Powerful Penguin

0 Answers Avg Quality 2/10

Closely Related Answers

html js make dropdown list checkbox

Comment

445454

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: checkbox dropdown html list

Link to this answer
Share Copy Link

Contributed on Jul 21 2021

Yucky Yacare

0 Answers Avg Quality 2/10

html js make dropdown list checkbox

Contents

More Related Answers

html js make dropdown list checkbox

Closely Related Answers

html js make dropdown list checkbox

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.