從複選框中選擇多個值

-1

我有一個列表和列表中，我可以選擇多個值。所以我創建了一個複選框的下拉列表。從複選框中選擇多個值

下面是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" [email protected]> 
       @: 
     } 
     } 
     } 

    </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（）;

得到一個值。我的問題是，我如何獲得多個價值？

在此先感謝！

來源

2016-07-19 SomeAnonymousPerson

'VAR值= $。（ '檢查：檢查'）圖（函數（）{返回THIS.VALUE;}）獲得（）;'' – Tushar

.val（）''返回多個值，如果$（'。checked：checked'）'返回多個複選框。 –

您需要使用jquery遍歷所有選中的元素，您可以使用許多方法，如'each（） - filter（）' – DaniP

它將所有這些值作爲一個數組返回，您只需要遍歷它們。

使用。每（）函數，它

來源

2016-07-19 13:44:01

從複選框中選擇多個值

回答

相關問題