如何在没有任何第三方库的情况下实现多个复选框

Question

如何在没有任何第三方库的情况下实现多重复选框下拉。

我们想要一个下拉列表，其复选框不在jquery和javascript中。我们想要纯粹的服务器端控制

Answer 1

纯服务器端控制意味着您只能依赖HTML标准 HTML 选择元素具有multiple属性，允许用户选择多个值 The HTML specification并不需要特定的渲染布局，这样可以使浏览器免受任何限制。大多数情况下，所选的选项只是高亮显示，加上 multiple 属性使select元素失去其下拉样式（您可以使用size属性减小其高度）。

＆＃13;

＆＃13;

<!-- The second value will be selected initially -->
<p>Maintain <kbd>Ctrl</kbd> key down to select multiple elements</p>
<select name="multi" multiple size="2">
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
  <option value="value4">Value 4</option>
  <option value="value5">Value 5</option>
  <option value="value6">Value 6</option>
  <option value="value7">Value 7</option>
  <option value="value8">Value 8</option>
  <option value="value9">Value 9</option>
  <option value="value10">Value 10</option>
</select>

＆＃13;

＆＃13;

＆＃13;

如果你改变主意使用Javascript，你可以实现this well detailed answer建议的内容，因为它只需要很少的额外Javascript和css，但没有库。