Флажки HTML в списке выборки

Может быть, это не настоящий ответ, но в любом случае:

Это не стандартный элемент управления HTML, они построили его с серией текстовых входов и div, вам придется делать МНОГО работы по воспроизведению этого поведения, чтобы оно работало (возможно, с любым браузером) ...

Я не знаю каких-либо встроенных помощников для MVC, может быть, есть что-то для JQuery? В любом случае, если вы не можете найти его и вам пришлось делать это вручную, возможно, вам следует выбрать другие средства с более стандартными компонентами (или вернуться к flash или silverlight, которые намного удобнее для такого рода настроек).

In HTML the only valid children of the select element are option and optgroup. I strongly recommend not creating any sort of non-standard form control as you will be defeating accessibility. I recommend you use standard form controls in the standard manner with label elements only. You can modify the appearance and interactivity of those form controls to your hearts content using CSS and JavaScript, except don't alter the visual flow order or tab order as that also defeats accessibility.

The accessible alternative to the Microsoft form is to use a standard select list with the "multiple" attribute so that multiple options can be selected from a single list. Here is an example:

<select id="myselectlist" name="myselectlist" multiple="multiple">
    <option value="option 1">option 1</option>
</select>

You could use CSS to fake the appearance of checkboxes with the appearance of a checked checkbox as a background graphic that appears from the option's pseudo class of "active". I would not go much further than that however.

Это не стандартный элемент управления HTML-формы, он был специально создан разработчиками.

Мне не известны какие-либо существующие решения с открытым исходным кодом, которые воспроизводили бы это поведение за вас. . Боюсь, маловероятно, что вы сможете доставить это без дополнительных усилий, чем оно того стоит.

Вы можете попробовать оставить все как есть, за исключением добавления

.ms_selectList{ display: none; } 

Добавьте вышеупомянутое к тому, что у вас уже есть для ms_selectList

Затем в jquery есть функция щелчка, которая будет сделать так, чтобы часы ms_selectList отображались, по сути, делая их похожими на поле выбора, когда на самом деле это просто абсолютно позиционированный тег div с кучей флажков внутри.

И jquery должен быть примерно таким,

$(document).ready(function(){

    $('.ctrl').click(function(){
        $('#selectList').toggle();
    });

})