jquery自动填充勾选框即把勾选框打上true
更新时间：2014年03月24日 17:10:00 作者：
jquery自动填充勾选框，即把勾选框打上（true），然后通过ajax方式获得勾选项列表，再把列表内的选项打上
jquery自动填充勾选框，即把勾选框打上（true），然后通过ajax方式获得勾选项列表，再把列表内的选项打上。
下拉框<select name="makemodule" id="makemodule" style='width:130px' onchange='makemoduleSelected()'>
<option value='1'>1</option>
</select>
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; i<results.length; i++){
if(tempVal == results[i]) $(this).attr("checked", true);
}
});
});
}
});
}
该函数通过ajax方式向indexStatisticsAction_getSelect.jsp发出请求，返回一个字符串，把改字符串分开成字符串数组，接下来遍历标签<div class="indexStatistics">下面的标签，遇到相关的标签，则打钩（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(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();
}
复制代码 代码如下:
下拉框<select name="makemodule" id="makemodule" style='width:130px' onchange='makemoduleSelected()'>
<option value='1'>1</option>
</select>
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; i<results.length; i++){
if(tempVal == results[i]) $(this).attr("checked", true);
}
});
});
}
});
}
该函数通过ajax方式向indexStatisticsAction_getSelect.jsp发出请求，返回一个字符串，把改字符串分开成字符串数组，接下来遍历标签<div class="indexStatistics">下面的标签，遇到相关的标签，则打钩（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(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();
}
相关文章
这篇文章主要介绍了jQuery中的select操作详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jquery插件实现扫雷游戏的第三篇，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
下面小编就为大家带来一篇jquery获取复选框checkbox的值的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本篇文章主要是对jquery中常用的函数和属性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
相信大家在一些网站都看到过这种效果吧，当鼠标放在新闻列表一行的时候，整行就会变色，虽然使用CSS也能够实现此种功能，但是由于众多浏览器版本对于CSS3并没有良好的支持，所以在当前情况下，使用jQuery实现此种功能是一个不错的选择2015-12-12
关于query Javascript CSS Selector engine
本篇文章，小编将为大家介绍，关于query Javascript CSS Selector engine，有需要的朋友可以参考一下2013-04-04
这篇文章主要介绍了vue登录页面cookie的使用及页面跳转代码功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了jQuery实现的分子运动小球碰撞效果,涉及jQuery基于定时函数操作页面元素动态变换的技巧,需要的朋友可以参考下2016-01-01
基于daterangepicker日历插件使用参数注意的问题
下面小编就为大家带来一篇基于daterangepicker日历插件使用参数注意的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
jQuery仿阿里云购买服务器选择时间长度,操作简单，只需点击所要选的时间段，对实现代码感兴趣的朋友参考下2016-04-04
最新评论