如何通过单击外部关闭选择选项内的复选框列表

时间:2019-07-10 20:06:01

标签: html css html-select

Vitfo对answer的问题How to use Checkbox inside Select Option的建议是提供具有多个复选框的下拉列表。

当我们在窗体外部单击而不使用jQuery时,我正在寻找一种隐藏生成的下拉菜单的方法。 HTML应用程序使用ESP32作为Web服务器,因此无法访问Internet,因此需要非jQuery解决方案。

vitfo的答案上的

This comment基本要求相同,但显然没有得到回应。

我在JavaScript和CSS上还是个新手,所以我对什么地方以及什么地方(例如<body>等)一无所知,因此我可能会放置一个 like 事件(但不太可能)此代码)onclick = window.event(),并按照以下脚本代码片段的形式,从表单的“ selectBox”类的“选择一个选项”中关闭该“下拉列表”:

script type="text/javascript">
var expanded = false;

function showCheckboxes() {
  var checkboxes = document.getElementById("checkboxes");
  if (!expanded) {
    checkboxes.style.display = "block";
    expanded = true;
  } else {
    checkboxes.style.display = "none";
    expanded = false;
  }
}

0 个答案:

没有答案