如何使用jquery從數據庫創建複選框列表數據

人的我需要你的幫助來解決我的問題。我想使用數據庫中的數據做一個checkboxlist，但我需要使用jQuery來製作它如何使用jquery從數據庫創建複選框列表數據

之前。我有一個使用php製作checkboxlist的例子。我想改變它爲jquery，但我不知道如何

這只是一小部分代碼使用PHP的複選框。我想做一個checkboxlist的代碼，但需要使用jQuery。有可能這樣做嗎？

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

來源

2017-07-11 Minervaz Mine

您是否已經有任何PDO或DB連接編碼？ –

我做到了。我只需要jQuery的調用PHP函數（包括數據庫連接和PDO）到一個複選框列表。 –

你能幫我給我一個代碼的例子嗎？ –

使用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>

來源

2017-07-11 07:20:10

你知道如何將它改成服務器端功能嗎？ –

因爲我的數據來自數據庫.. 數據庫表是'tb_data' 和內容是'否'和'名稱' 我想要檢索到該文本框中的數據是'name'數據。你能幫我怎麼做一個jQuery的 –

thx夥計.. 我使用你的代碼，它的工作.. 我只是改變它到這個 'var $ chk = $（' Test'+ list [i] ['nama'] +」
「）; \t \t $（「＃multiselect」）。append（$ chk）;' –

在這裏，你用的解決方案去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){ 
 
\t $('.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>

請更新你的數據庫的響應的問題，這樣我們就可以更準確地回答這個問題。

來源

2017-07-11 07:37:07 Shiladitya

'$（'body'）是否必須是一個班級？我可以把它改成ID的嗎？ –

是的，你可以通過做這樣的$（'＃id'）。append（）; – Shiladitya

哦..我會嘗試第一個 –

您需要在某個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); 
});

來源

2017-07-11 07:39:01 sachin

如何使用jquery從數據庫創建複選框列表數據

回答

相關問題