チェックボックスから複数の値を選択

Question

リストがあり、そのリストの中に複数の値を選択できます。だから私はチェックボックスのドロップダウンリストを作成します。ここで

はHTMLコードです：

<form> 
<div class="multiselect"> 
    <div class="selectBox" onclick="showCheckboxes()"> 
     <select> 
      <option>Select an option</option> 
     </select> 
     <div class="overSelect"></div> 
    </div> 
    <div id="checkboxes"> 
     @{ 
      if (ViewBag.DataActiveEmployee == null || ((IEnumerable<MvcApplication1.Models.ActiveUsersList>)ViewBag.DataActiveEmployee).Count() == 0) 
      { 
       @:<h3>No records were processed.</h3> 

      } 
      else 
      { 
       foreach (var usr in ViewBag.DataActiveEmployee) 
        {     
         <label id="userName">@usr.EmployeeName</label>  
         <input class="checked" type="checkbox" name="search_emp" id="search_emp" value=@usr.EmployeeName> 
       @: 
     } 
     } 
     } 

    </div> 
</div> 

だから私は複数の値を選択して、JSの関数に渡すことができます：

<div id="datePicker"> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
</div> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<p><input type="text" id="datepicker"></p> 
<script name="select_date" id="select_date"> 

    $(function() { 
     $("#datepicker").datepicker({ 
      //defaultDate: "+1w", 
      changeMonth: true, 
      changeYear: true, 
      numberOfMonths: 1, 
      minDate: "01/01/2008" 
     }); 
     $("button.action").click(function() { 
      //console.log(select_date); 
      var date = $('#datepicker').val().toString(); 
      var userName = $(' .checked:checked').val(); 
     // var userName = $('search_emp').multiselect(); 
      console.log(userName); 
      $.ajax('EmployeeDate', { 
       data: { 
        strUserName: userName, 
        strDate: date 
       }, 
       success: function (data, textStatus, jqXHR) { 
        //this will happen on success of request 
        $('#DataUser').html(data); 
       }, 
       error: function() { 
        console.log("error handler when ajax request fails... "); 
       }, 

      }); 
     }); 
    }); 
    </script> 
    <button class="action" type="button" id="button_select">@Resources.Resources.ButtonFind</button> 

イムこの行を使用しました：

var userName = $（ '.checked：ch ecked '）。val（）;

1つの値を取得します。私の質問は、どのように複数の価値を得ることができるかということです。

ありがとうございます！

Answer 1

これらの値はすべて配列として返されます。ループするだけで済みます。それ