Question

家伙我需要帮助我制作了一个代码来获取复选框的项目值但为什么那不能运转良好？我的代码有什么问题吗？

这是我的多选择值的jquery代码

//for get the checkbox data (my data from database)
$(document).ready(function() {
	$.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;
		}
	});
});
// 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">
 	<div class="multiselect" id="multiselect" style="margin-left:65px">
    
	</div>
  <input type="button" name="ok" id="ok" class="ok" value="Pilih" style="margin-left:170px"/>
    </div>
    </div>
   </div>

Answer 1

您是否尝试将$('#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;
    }
});

}）;

多选框复选框

1 个答案: