2017-07-12 258 views
0

男士的我需要幫助我做了一個代碼來獲取複選框 的項目值,但爲什麼不能很好地運行? 在我的代碼中是否有任何錯誤?多選擇值複選框

這是我的jQuery代碼做多選擇值

//for get the checkbox data (my data from database) 
 
$(document).ready(function() { 
 
\t $.ajax({ 
 
\t \t type:"POST", 
 
\t \t url:"../php/absen/absen_karyawan_autocomplete.php", 
 
\t \t success: function(data){ 
 
\t \t \t var list = JSON.parse(data); 
 
\t \t \t for(var i=0; i < list.length; i++){ 
 
\t \t \t var $chk = $('<input type="checkbox" name="chk_'+ list[i]['nama'] +'" />'+ list[i]['nama'] +"<br />"); 
 
    \t \t $("#multiselect").append($chk); 
 
\t \t \t } 
 
\t \t \t return false; 
 
\t \t } 
 
\t }); 
 
}); 
 
// this function for getting the value. but it cant work, i dont know why 
 
$('#ok').click(function() { 
 
    var sel = $('input[type=checkbox]:checked').map(function(_, el) { 
 
     return $(el).val(); 
 
    }).get(); 
 
    
 
    $("#nama_check").val(sel); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

我給HTML太當它需要 這裏的HTML

<div id="myMd5" class="md5"> 
 

 
    <!-- Modal content --> 
 
    <div class="md5-content"> 
 
    <div id="cont-body" class="cont-body"> 
 
    \t <div class="multiselect" id="multiselect" style="margin-left:65px"> 
 
    
 
\t </div> 
 
    <input type="button" name="ok" id="ok" class="ok" value="Pilih" style="margin-left:170px"/> 
 
    </div> 
 
    </div> 
 
    </div>

回答

0

您是否嘗試將$('#ok').click(function()放入$(document).ready(function()?對不起,我不能評論,因爲我有一個低信譽

$(document).ready(function() { 

    $('#ok').click(function() { 
     var sel = $('input[type=checkbox]:checked').map(function(_, el) { 
     return $(el).val(); 
     }).get(); 

    $("#nama_check").val(sel); 
    }) 

    $.ajax({ 
     type:"POST", 
     url:"../php/absen/absen_karyawan_autocomplete.php", 
     success: function(data){ 
      var list = JSON.parse(data); 
      for(var i=0; i < list.length; i++){ 
      var $chk = $('<input type="checkbox" name="chk_'+ list[i] 
      ['nama'] +'" />'+ list[i]['nama'] +"<br />"); 
      $("#multiselect").append($chk); 
     } 
     return false; 
    } 
}); 

});

+0

'$(文件)。就緒(函數()'只是調用複選框數據不是調用數據來獲取值。 我分開這一點。 –

+0

@MinervazMine請 –

+0

笑..它必須在裏面'$(document).. thx @wafuqu –