js動態生成勾選框，可單選可多選
阿新 • • 發佈：2019-01-07
1、動態生成的位置，html程式碼：
<body>
<div class="show" id="show">
</div>
</body>2、這是ajax()的一部分，從資料庫取得所需的資料
success : function(data, textStatus) { $("#loading").hide(); if(data.code == 20000) { var i = 0; saveRightidList = data.rightidList; for(var j = 0; j < data.rightidList.length; ++j){ genShowContent("show", data.rightidList[j], data.descriptionList[j], "right"); for(var nb= data.descriptionList[j].length;nb< 15;nb++) { $("#show").append(" ");//每個<input>之間保證不緊挨著 } if( j %4 ==3 ) {$("#show").append("<br/>");}//進行換行 } } }
3、生成
function genShowContent(id, rid, text, key) {
var checkText = "radio";
var showContent = "<input type='"+ checkText +"' value ='"+ rid + "'id= '" + key+rid + "'/>" + text ;//多選var showContent = "<input name='rolelist' type='"+ checkText +"' value ='"+ rid + "'id= '" + key+rid + "'/>" + text;//單選 $("#" + id).append(showContent);
}
4、多選效果圖
5、單選效果圖怎麼傳不上去了······單選的效果和多選的類似
6、最後再隨便寫寫
$(document).ready(function(){})可以簡寫成$(function(){});