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 文件夹选择框的两种解决方案
Jul 01 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
May 28 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 Javascript
JavaScript实现PC端横向轮播图
Feb 07 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
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
其他功能
2006/10/09 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
PHP中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
详谈 Jquery Ajax异步处理Json数据.
2011/09/09 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
2015/07/29 Javascript
jquery图片轮播特效代码分享
2020/04/20 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
Bootstrap Table使用整理(一)
2017/06/09 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
virtualenv实现多个版本Python共存
2017/08/21 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
Python类的继承和多态代码详解
2017/12/27 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
python中selenium库的基本使用详解
2020/07/31 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
平面设计求职信
2014/03/10 职场文书
广播体操比赛口号
2014/06/10 职场文书
给客户的感谢信
2015/01/21 职场文书
交警失职检讨书
2015/01/26 职场文书
我的中国梦主题班会
2015/08/14 职场文书
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL