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 相关文章推荐
把html页面的部分内容保存成新的html文件的jquery代码
Nov 12 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
Aug 28 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
js中数组插入、删除元素操作的方法
Feb 15 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
Feb 17 Javascript
微信小程序 搜索框组件代码实例
Sep 06 Javascript
解决layui调用自定义方法提示未定义的问题
Sep 14 Javascript
Vue scoped及deep使用方法解析
Aug 01 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中strtotime函数使用方法详解
2011/11/27 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
js确定对象类型方法
2012/03/30 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
js分页代码分享
2014/04/28 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
详解Python命令行解析工具Argparse
2016/04/20 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
python判断链表是否有环的实例代码
2020/01/31 Python
python多维数组分位数的求取方式
2020/03/03 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
护理工作感言
2014/01/16 职场文书
幼儿园消防演练方案
2014/02/13 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
室内设计专业自荐信
2014/05/31 职场文书
专科生就业求职信
2014/06/22 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
三严三实对照检查材料
2014/09/22 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
导游词之南京中山陵
2019/11/27 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android