jQuery分别获取选中的复选框值的示例


Posted in Javascript onJune 17, 2014
function jqchk(){ //jquery获取复选框值 
var s=''; 
$('input[name="aihao"]:checked').each(function(){ 
s+=$(this).val()+','; 
});

点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素。
if (s.length > 0) { 
//得到选中的checkbox值序列 
s = s.substring(0,s.length - 1); 
} 
alert(s==''?'你还没有选择任何内容!':s); 
} 
</script>

直接上代码,主要是获取checkbox值的方法:将其放到数组中,然后连接成字符串
var chenked=$("input[type='checkbox']:checked").val([]); 
var names = ""; 
for(var i=0;i<chenked.length;i++){ 
names += chenked[i].value +","; 
}

可以更优雅一些:
var arr_v = new Array(); =$("input[type='checkbox']:checked").each(function(){ 
arr_v.push(this.val()); 
}); 
arr_v.join(',');

即可以了
//此为重点,该句与下面的第一句效果一样 
var selectedItems = new Array(); 
$("input[@name='itemSelect[]']:checked").each(function() {selectedItems.push($(this).val());}); if (selectedItems .length == 0) 
alert("Please select item(s) to delete."); 
else 
$.ajax({ 
type: "POST", 
url: "/ajax_do_something.php", 
data: "items=" + selectedItems.join('|'), 
dataType: "text", 
success: function (request) { 
document.location.reload(); 
}, 
error: function(request,error){ 
alert('Error deleting item(s), try again later.'); 
} 
} 
);

java 拆分
String names = null; 
String name1 = null; 
String name2 = null; 
names = request.getParameter("names"); 
String[] name = names.split(","); 
for(String x : name){ 
if("zhangsan".equals(x)){ 
name1 = x; 
} 
if("lisi".equals(x)){ 
name2 = x; 
} 
}

jquery 修改时候选中 后台查询的复选框
var struids='${useridstr}'; //后台获取数据 
alert(struids); 
if(struids!='') 
{ 
var str=struids.split(","); 
for(var j=0;j<str.length;j++) 
{ 
$(":checkbox[value='"+str[j]+"']").attr("checked",true); 
} 
}

下拉框

var module='${module}' 
$("#module option[value='" + module + "']").attr("selected","selected"); var s = $("#parentId").find("option:selected").val();
Javascript 相关文章推荐
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
js处理自己不能定义二维数组的方法详解
Mar 03 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
Feb 25 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
AngularJs Understanding the Model Component
Sep 02 Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 #Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 #Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 #Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 #Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 #Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 #Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 #Javascript
You might like
JpGraph php柱状图使用介绍
2011/08/23 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
JS 时间显示效果代码
2009/08/23 Javascript
js登录弹出层特效
2014/03/07 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
Bootstrap每天必学之简单入门
2015/11/19 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
JS实现css hover操作的方法示例
2017/04/07 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
python批量下载图片的三种方法
2013/04/22 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
一封普通求职者的求职信
2013/11/20 职场文书
实验室的标语
2014/06/20 职场文书
个人合伙协议书范本
2014/10/14 职场文书
个人年终总结怎么写
2015/03/09 职场文书
保护校园环境倡议书
2015/04/28 职场文书
高三英语教学反思
2016/03/03 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书