Question

家伙我需要你的帮助来解决我的问题。我想使用数据库中的数据制作一个复选框列表，但我需要使用jquery来制作它

之前。我有一个用php制作复选框列表的例子。我想把它改成jquery，但我不知道如何

这只是用于使用php制作复选框的一小部分代码。我想制作一个代码来制作一个复选框，但需要使用jquery。那可能吗？

<input type="checkbox" name="students[]" value="'.$stud.'" />Test

Answer 1

您需要在某个html容器中添加复选框。

<div id="append" name="append">Append here</div>

首先你必须进行ajax调用，它会在数组中给你响应，然后在那个响应中你必须调用每个函数，它会动态地将复选框附加到html。

$.each(data,function(index,value){
    var checkbox_label = value;
    var checkbox_value =value;
    var checkbox_name = 'students['+index+']';
    var template = '<input type="checkbox" name="'+checkbox_name+'" value="'+checkbox_value+'">'+checkbox_label;

  $("#append").append(template);
});

Answer 2

您可以使用解决方案https://jsfiddle.net/w2Lmqmcu/1/

var data = ["Student 1", "Student 2", "Student 3", "Student 4"]; // I'm expecting your data will be similar to this

$.each(data, function(index){
	$('.checkboxlist').append("<input type='checkbox' name='students[]' value='" + data[index] + "' />" + data[index] + "<br/>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkboxlist">

</div>

请使用您的数据库响应更新问题，以便我们更准确地回答。

Answer 3

使用jQuery您可以生成动态复选框。

for(var i=1;i<=6;i++){
    var $chk = $('<input type="checkbox" name="chk_'+i+'" />Test '+i+"<br />");
    $("#box").append($chk);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<div id="box"></div>

如何使用jquery从数据库创建复选框列表数据

3 个答案: