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 相关文章推荐
JS中的substring和substr函数的区别说明
May 07 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
vue脚手架搭建过程图解
Jun 06 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
Sep 26 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
JavaScript 绘制饼图的示例
Feb 19 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
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
用PHP生成html分页列表的代码
2007/03/18 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
PHP数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
php查找字符串中第一个非0的位置截取
2017/02/27 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
js 数据类型转换总结笔记
2011/01/17 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
2016/05/05 Javascript
jqPlot jQuery绘图插件的使用
2016/06/18 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Python之列表实现栈的工作功能
2019/01/28 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
美国知名眼镜网站:Target Optical
2020/04/04 全球购物
应聘自荐书
2013/10/08 职场文书
班级聚会策划书
2014/01/16 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
家庭贫困证明书(3篇)
2014/09/15 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
会议欢迎词范文
2015/01/27 职场文书
python实现A*寻路算法
2021/06/13 Python
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA