本文共 592 字，大约阅读时间需要 1 分钟。

目录

介绍

复选框列表对于允许用户在选择框中选择多个选项很有用。但在这种情况下，可以通过按住控制（ctrl）按钮选择多个选项，用户讨厌这个。您可以使用jQuery进行多选复选框下拉列表，而不是使用HTML中的多个属性。

这是一个简单的HTML控件，带有jQuery和CSS，可以在任何Web编程语言中使用。

现场演示

使用代码

我用jQuery编写了一个扩展方法，你可以定义你的下拉选择控件和调用CreateMultiCheckBox 方法。

此方法将简单地将您的select控件转换为多选checkbox列表控件。

  American Black Bear  Asiatic Black Bear  Brown Bear  Giant Panda  Sloth Bear  Sun Bear  Polar Bear  Spectacled Bear

将选择转换为多选复选框

这里“test”是你的控件的ID，你也可以通过默认选项，例如width，height和控制的默认标题。

$(document).ready(function () {  $("#test").CreateMultiCheckBox({ width: '230px',             defaultText : 'Select Below', height:'250px' });});

原文地址：

转载地址：http://qtzhj.baihongyu.com/