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 while语句和do while语句的区别分析
Dec 08 Javascript
QUnit jQuery的TDD框架
Nov 04 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
Jun 21 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
为什么要使用Vuex的介绍
Jan 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使用Redis实现防止大并发下二次写入的方法
2017/10/09 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
理解JavaScript中的对象 推荐
2011/01/09 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
javascript日期格式化方法小结
2015/12/17 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
Cpy和Python的效率对比
2015/03/20 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
Python实现定时任务
2017/02/08 Python
python基于Selenium的web自动化框架
2019/07/14 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
世界气象日活动总结
2015/02/27 职场文书
2015年领班工作总结
2015/04/29 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
python 通过使用Yolact训练数据集
2021/04/06 Python
MySQL 覆盖索引的优点
2021/05/19 MySQL
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers