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函数获取事件源的小例子
May 14 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
jQuery原生的动画效果
Jul 10 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
JavaScript的==运算详解
Jul 20 Javascript
Bootstrap源码解读模态弹出框(11)
Dec 28 Javascript
Vue如何实现响应式系统
Jul 11 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
Vue 实现登录界面验证码功能
Jan 03 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
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
解析yii数据库的增删查改
2013/06/20 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
JS编程小常识很有用
2012/11/26 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
JavaScript 中对象的深拷贝
2016/12/04 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
js断点调试心得分享(必看篇)
2017/12/08 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
微信小程序实现星级评价
2019/11/20 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python用threading实现多线程详解
2017/02/03 Python
python实现折半查找和归并排序算法
2017/04/14 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
六行python代码的爱心曲线详解
2019/05/17 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
Python Selenium参数配置方法解析
2020/01/19 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
python 如何停止一个死循环的线程
2020/11/24 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
军训感想500字
2014/02/20 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
建国大业电影观后感
2015/06/01 职场文书
增值税发票丢失证明
2015/06/19 职场文书
停车场管理制度范本
2015/08/05 职场文书
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python
全新239军机修复记
2022/04/05 无线电