我可以從表格創建動態/靈活複選框嗎? 我的表結構是這樣的:如何從數據庫中動態複選框?
| id | category |
1 School
2 Hospital
3 Police
我複選框的html:
<input name="checkbox1" onclick="showPOI1($(this));" value="1" type="checkbox" id="checkbox" />School<br>
<input name="checkbox2" onclick="showPOI2($(this));" type="checkbox" id="checkbox" />Hospital <br>
<input name="checkbox3" onclick="showPOI3($(this));" type="checkbox" id="checkbox" />Police <br>
和這樣每個複選框javascript函數:
window.showPOI1 = function(t) {
if (t.is(':checked')) {
//alert('checked');
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 1) { //--> i want compare category from database, not hardcode
markers[i].setVisible(true);
markers[i].setAnimation(google.maps.Animation.BOUNCE);
}
}
} else {
infowindow.close();
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 1) {
markers[i].setVisible(false);
}
}
}
}
window.showPOI2 = function(t) {
if (t.is(':checked')) {
//alert('checked');
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 2) {//--> i want compare category from database, not hardcode
markers[i].setVisible(true);
markers[i].setAnimation(google.maps.Animation.DROP);
}
}
} else {
infowindow.close();
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 2) {
markers[i].setVisible(false);
}
}
}
}
window.showPOI3 = function(t) {
if (t.is(':checked')) {
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 3) {//--> i want compare category from database, not hardcode
markers[i].setVisible(true);
markers[i].setAnimation(google.maps.Animation.DROP);
}
}
} else {
infowindow.close();
for (i = 0; i < markers.length; i++) {
if (markers[i].category == 3) {
markers[i].setVisible(false);
}
}
}
}
我有2個問題在這裏。首先,我想創建基於表的複選框。來自ID列的複選框值和來自類別列的標題。然後,我想將值發送給JavaScript函數。第二個問題是,我可以基於表創建動態函數嗎?可能嗎?或者你有另一個想法?如何從表中創建動態複選框和JavaScript函數。
在此先感謝:)
您需要查詢表格,然後根據需要將結果輸出到DOM。 – chris85
我用codeigniter,我正在查詢表並將值傳遞給視圖$ data ['category']。 –
好的,當你輸出時會發生什麼? – chris85