Multiselect dropdown mit Kontrollkästchen in mvc4-razor

Arbeite ich auf dem MVC4-Projekt, wo ich eine multi-select-dropdown -

@Html.DropDownList("year_selected", (SelectList)(ViewData["YearSelected"]), new { tabindex = "14", multiple = "multiple", style = "width:150px;height:200px;" })

Sein gefüllt mit Liste der Jahre, die ich erwähnt habe im controller

int minYear =Int32.Parse(Helper.MinYear);
int maxYear = Int32.Parse(Helper.MaxYear);
var yearSelectedList = new List<SelectListItem>();
for (int count = minYear; count <= maxYear; count++)
{
    yearSelectedList.Add(new SelectListItem()
    {
        Text = count.ToString(),
        Value = count.ToString()
        });
    }
    var yearselectlist = new SelectList(yearSelectedList, "Value", "Text");
    ViewData["YearSelected"] = yearselectlist;

und klicken Sie auf dropdown-lade ich jquery zu wählen, dass ein besonderer Wert und auch, wenn die Seite geladen wird, ich die überprüfung der gespeicherten Werte in der Datenbank, indem Sie Sie auswählen standardmäßig

Hier wird jquery-code, um die ausgewählten Werte gespeichert werden in der Datenbank

if (str_year_selected.val() != "") {
    var yeararray = str_year_selected.val().split(",");
    for (var i in yeararray) {
         var val = yeararray[i];
         year_selected.find('option:[value=' + val + ']').attr('selected', 1);
    }
}

und hier ist der code, den ich benutze, um wählen Sie den Wert, wenn der Benutzer klickt auf oder drücken Sie die Strg-Taste auf die dropdown-Werte

year_selected.change(function () {
     var selectedyears = "";
     $("#year_selected :selected").each(function (i) {
        if (i != 0) {
            selectedyears += ",";
        }
         selectedyears += $(this).text();
     });
     str_year_selected.val(selectedyears);
});

Alles funktioniert perfekt . aber jetzt problem ist der Benutzer wünscht, checkbox innerhalb des dropdown-also, dass kann aktivieren Sie die option.

Wie mache ich das ?