Выберите несколько элементов с помощью javascript/asp.net

Question

Это то, что у меня есть до сих пор. У меня есть представление, в котором отображается дата, о которой я не сообщал.

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

У меня это работает, (kinda) Проблема в том, что если я хочу выбрать дату, мне всегда нужно будет выбрать первое в списке, прежде чем я смогу проверить любую другую дату.

Как это:

Это прекрасно работает до тех пор, как я всегда выбираю первую дату в списке.

Но это не то, что я ищу, я хочу вариант, чтобы я мог сообщать любые данные без предварительной проверки первой даты. Это не будет работать, потому что я не проверял первую дату:

Это мой сценарий:

var dateArr=new Array(); 
function SetDate(dt) { 
    if(document.getElementById("isoDate").checked) { 
     if(dateArr.indexOf(dt)<0){ //Check if date is already added. if not add it to array. 
      dateArr.push(dt); 
    } 
    else{ 
     var index=dateArr.indexOf(dt); 
     if (index > -1) { 
      dateArr.splice(index, 1);//Remove from array if checkbox uncheck 
    } 
    } 
    $('#date').val(dateArr.join(" ")); //Add space separated string to the #date element. 
} 
} 

И это мой взгляд, где я получаю даты:

@foreach (var date in ViewBag.MissingDays) 
{ 
    var isoDate = date.ToString("yyMMdd"); 
    <div class="col-md-1"> 
     <input type="checkbox" id="isoDate" name="isoDate" value="@isoDate"onclick="javascript:SetDate('@isoDate');" /> 
     @isoDate 
    </div> 
} 

Answer 1

Есть некоторые замечания относительно вашего кода, например, не очень хорошая практика иметь несколько элементов с одним и тем же идентификатором (я могу сказать, что это плохая практика, я говорю о чеке kboxes, то же самое имя должно быть достаточно) или строки вроде:

if(document.getElementById("isoDate").checked) 

что разрушает все (это я думаю, что это реальный источник вашей проблемы, так как результат является первым элементом, а не проверяется шагнет на другой)

Увидев, что вы используете jquery, here, у вас есть небольшой образец того, как это должно выглядеть.