使用 JavaScript 在 HTML 中创建下拉复选框列表

Question

我需要创建一个下拉复选框列表，如 here。那里的代码的问题是它在 IE9 中不起作用。我在下面的代码中收到一条错误消息，提示 getElementsByClassName 不是属性：

var checkList = document.getElementById('list1');
var items = document.getElementById('items');
        checkList.getElementsByClassName('anchor')[0].onclick = function (evt) {
            if (items.classList.contains('visible')){
                items.classList.remove('visible');
                items.style.display = "none";
            }

            else{
                items.classList.add('visible');
                items.style.display = "block";
            }


        }

        items.onblur = function(evt) {
            items.classList.remove('visible');
        }

谁能帮我看看如何创建下拉复选框列表？谢谢

Answer 1

classList 属性不适用于 10 以下的 IE 浏览器。如果你想这样做，你将不得不使用 className 并检查 class 的索引。例如：

if (items.className.indexOf('visible') > -1){
            items.className -= 'visible';
            items.style.display = "none";
        }

如果您的项目具有可见 class 它将 return 它的索引，如果它没有 class 它将会return-1。 I have created a fiddle from yours here to demonstrate

使用 JavaScript 在 HTML 中创建下拉复选框列表

Create a drop down check box list in HTML with JavaScript

html

javascript

checkbox

internet-explorer-9

drop-down-menu