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 相关文章推荐
Javascript倒计时代码
Aug 12 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
JS的数组迭代方法
Feb 05 Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 Javascript
vue组件父子间通信之综合练习(聊天室)
Nov 07 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
彻底揭秘keep-alive原理(小结)
May 05 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
ThinkPHP之R方法实例详解
2014/06/20 PHP
PHP实现获取客户端IP并获取IP信息
2015/03/17 PHP
php bootstrap实现简单登录
2016/03/08 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
JS HTML5拖拽上传图片预览
2016/07/18 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
详解用webpack2搭建angular2的项目
2017/06/22 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
2020/07/20 Javascript
python实现多线程采集的2个代码例子
2014/07/07 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
Python 创建TCP服务器的方法
2020/07/28 Python
金融专业个人求职信范文
2013/11/28 职场文书
八年级物理教学反思
2014/01/19 职场文书
学校教师读书活动总结
2014/07/08 职场文书
售房协议书
2014/08/19 职场文书
2014年学习部工作总结
2014/11/12 职场文书
全陪导游词
2015/02/04 职场文书
综合素质评价思想道德自我评价
2015/03/09 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
创业计划书之寿司
2019/07/19 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android