通過javascript擷取被勾選的checkbox解決方案

標籤：

思路：

用javascript的dom操作擷取節點，並擷取其屬性，得到要擷取的類的id的String，發給後台，截取String，獲得該類的List。

需要注意的是：

不知道為什麼getIlementById("id").getAttribute("value")擷取不到，value屬性。所以選擇getIlementById("id").getAttribute("title")來擷取寫在title中的屬性。

 

具體實現：

list是後台傳來的xmdj實體類的List。

<form>    <label>          項目列表:    </label>        <c:forEach items = "${list}"   var = "xm" varStatus = "status">               <c:if test = "${status.count%2 eq 0}"><p></p></c:if>               <input type="checkbox" id = "${status.index}"  title = "${xm.id}">${xm.name}</input>         </c:forEach>       <input id = "btnSubmit" type ="button" value = "儲存"/></form>

 

js代碼：

//全域設定ajax為同步$.ajaxSetup({   async:false)};$(document).ready(function(){       $("#btnSubmit").click(function(){                 var xmNum;                  //獲得項目數                 $.getJSON("${ctx}/sys/show/getXmLength",fuction(data){        xmNum = data;  });var param = "";for(var i = 0; i < xmNum; i++){   if(document.getElementById(i.toString()).checked){        param += document.getElementById(i.toString()).getAttribute("title")+",";    }//把擷取的String發給後台，由後台截取String獲得id的List$.post……}  

 

通過javascript擷取被勾選的checkbox解決方案