javascript - 如何避免使用 Javascript 在多选框中按住 ctrl 键单击？

Question

我认为这将是一个简单的 hack，但我已经搜索了几个小时，但找不到合适的搜索词。我想要一个普通的多选框 ( <select multiple="multiple"> ) 但我不希望用户必须按住控制键才能进行多项选择。

换句话说，我想要左键单击来切换 <option>光标下的元素而不改变任何其他元素。换句话说，我想要一些看起来像组合列表框但行为像一组复选框的东西。

任何人都可以建议一种在 Javascript 中执行此操作的简单方法吗？谢谢。

Answer 1

检查这个 fiddle :http://jsfiddle.net/xQqbR/1022/

您基本上需要覆盖 mousedown每个事件 <option>并切换 selected那里的属性(property)。

$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', !$(this).prop('selected'));
    return false;
});

为简单起见，我将“选项”作为上面的选择器。您可以微调它以匹配 <option>s具体下<select>元素。例如:$('#mymultiselect option')