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 相关文章推荐
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
JavaScript简单实现鼠标拖动选择功能
Mar 06 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
JS获取字符对应的ASCII码实例
Sep 10 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 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
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
PHP 下载文件时自动添加bom头的方法实例
2014/01/10 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
jQuery学习笔记之创建DOM元素
2015/01/19 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
在Vue中使用Compass的方法
2018/03/02 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
Python面向对象特殊成员
2017/04/24 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
django之session与分页(实例讲解)
2017/11/13 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
django之跨表查询及添加记录的示例代码
2018/10/16 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
战友聚会策划方案
2014/06/13 职场文书
故宫导游词
2015/01/31 职场文书
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android