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 相关文章推荐
jQuery 使用手册(六)
Sep 23 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
浅谈Angular7 项目开发总结
Dec 19 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
js实现for循环跳过undefined值示例
Jul 02 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 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使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
HTML DOM的nodeType值介绍
2011/03/31 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
python3.7调试的实例方法
2020/07/21 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
用python读取xlsx文件
2020/12/17 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
介绍一下如何优化MySql
2016/12/20 面试题
饲料采购员岗位职责
2013/12/19 职场文书
工作会议欢迎词
2014/01/16 职场文书
不错的求职信范文
2014/07/20 职场文书
物业消防安全责任书
2014/07/23 职场文书
员工教育培训协议书
2014/09/27 职场文书
教师个人成长总结
2015/02/11 职场文书
个人培训总结
2015/03/05 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP