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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
javascript字符串替换及字符串分割示例代码
Dec 12 Javascript
javascript获取元素离文档各边距离的方法
Feb 13 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
jQuery实现购物车表单自动结算效果实例
Aug 10 Javascript
详解JavaScript函数
Dec 01 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
详解JS中的attribute属性
Apr 25 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
如何更好的编写js async函数
May 13 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 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的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
php header函数的常用http头设置
2015/06/25 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
PHP实现抽奖功能实例代码
2020/06/30 PHP
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
Vue调试神器vue-devtools安装方法
2017/12/12 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
Python工程师面试题 与Python Web相关
2016/01/14 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
python3调用R的示例代码
2018/02/23 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
python将字符串转换成json的方法小结
2019/07/09 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
殡葬服务心得体会
2014/09/11 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB