首頁 >web前端 >js教程 >jquery自動填入勾選框即把勾選框打上true_jquery

jquery自動填入勾選框即把勾選框打上true_jquery

WBOY
WBOY原創
2016-05-16 16:54:421301瀏覽

jquery自動填入勾選框,也就是把勾選框打上(true),然後透過ajax方式取得勾選列表,再把列表內的選項打上。

複製程式碼 代碼如下:

下拉框

select改變,觸發函數makemoduleSelected(),函數如下:
複製程式碼 程式碼如下:



//範本下拉方塊變更時,觸發此事件(onchange)。
function makemoduleSelected(){
clearAll('property');
var modtitlecode = $("#makemodule").val();
$.ajax({
url : ' indexStatisticsAction_getSelect.jsp',
data: { page:'clientindexStatistics.jsp',method:'get_subname_en',modtitlecode:modtitlecode},
success : function(result){
//result是否登入成功
var results = result.split(",");
//document.getElementById(results[i]).checked = true;
$(".indexStatistics").each( function(){
$(this).find("input").each(function(){
var tempVal = $(this).val();
for(var i=0; iif(tempVal == results[i]) $(this).attr("checked", true);
}
});
} );
}
});
}

函數透過ajax方式向indexStatisticsAction_getSelect.jsp發出請求,傳回字串,把改字串分開成字串數組,接下來遍歷標籤
下面的標籤,遇到相關的標籤,則打鉤(true)。 indexStatisticsAction_getSelect.jsp的相關程式碼如下: 複製程式碼
程式碼如下:



程式碼如下:

if(method.equals("get_subname_en")){
String modtitlecode = request.getParameter("modtitlecode");
if(modtitlecode.equals("------- ")) return;
String sql = sql2.replace("?modtitlecode?",modtitlecode);
sql = sql.replace("?userId?",userId);
System.out.println (sql);
StringBuffer subnames = new StringBuffer();
Db db = new Db();
try {
db.prepareQuery();
ResultSet rs = db.executeQuery(Query(Query(Query). sql);
while (rs!=null && rs.next()) {
subnames.append(rs.getString("subname_en"));
subnames.append(",");
}
rs.close();
} catch (Exception e) {
e.printStackTrace();
} finally {
db.endQuery();
}
PrintWriter pout = response.getWriter();
pout.write(subnames.toString().substring(0,subnames.length()-1)); pout.flush(); pout.close(); }
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn