目录
介绍
现场演示
使用代码
将选择转换为多选复选框
介绍
复选框列表对于允许用户在选择框中选择多个选项很有用。但在这种情况下,可以通过按住控制(ctrl)按钮选择多个选项,用户讨厌这个。您可以使用jQuery进行多选复选框下拉列表,而不是使用HTML中的多个属性。
这是一个简单的HTML控件,带有jQuery和CSS,可以在任何Web编程语言中使用。
现场演示
https://codepen.io/rajatsansar/pen/NZJMoW使用代码
我用jQuery编写了一个扩展方法,你可以定义你的下拉选择控件和调用CreateMultiCheckBox方法。
此方法将简单地将您的select控件转换为多选checkbox列表控件。
<select id="test"><option value="1">American Black Bear</option><option value="2">Asiatic Black Bear</option><option value="3">Brown Bear</option><option value="4">Giant Panda</option><option value="5">Sloth Bear</option><option value="6">Sun Bear</option><option value="7">Polar Bear</option><option value="8">Spectacled Bear</option></select>
将选择转换为多选复选框
这里“test”是你的控件的ID,你也可以通过默认选项,例如width,height和控制的默认标题。
$(document).ready(function () {$("#test").CreateMultiCheckBox({ width: '230px',defaultText : 'Select Below', height:'250px' });});
原文地址:/Tips/516/Multi-select-Check-Box-List-or-Checkbox-Dropdown-w