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的气泡提示效果
May 31 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 Javascript
JS清除选择内容的方法
Jan 29 Javascript
JavaScript获得页面base标签中url的方法
Apr 03 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
vue 动态生成拓扑图的示例
Jan 03 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
PHP 身份证号验证函数
2009/05/07 PHP
用PHP实现读取和编写XML DOM代码
2010/04/07 PHP
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
基于header的一些常用指令详解
2013/06/06 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
JTrackBar水平拖动效果
2007/07/15 Javascript
json简单介绍
2008/06/10 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
Python人脸识别第三方库face_recognition接口说明文档
2019/05/03 Python
python之pyqt5通过按钮改变Label的背景颜色方法
2019/06/13 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
乡镇消防工作实施方案
2014/03/27 职场文书
中秋寄语大全
2014/04/11 职场文书
初三学习计划书范文
2014/04/30 职场文书
服务承诺书范文
2014/05/19 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
班级文化标语
2014/06/23 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android
python实现商品进销存管理系统
2022/05/30 Python