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 相关文章推荐
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
详解JavaScript常量定义
Jan 03 Javascript
关于js中的鼠标事件总结
Jul 11 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 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小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
slideToggle+slideup实现手机端折叠菜单效果
2017/05/25 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
windows下安装python paramiko模块的代码
2013/02/10 Python
Python随机读取文件实现实例
2017/05/25 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
Python-openCV开运算实例
2020/07/05 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
python切割图片的示例
2020/11/12 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
测试工程师岗位职责
2013/11/28 职场文书
公司经理聘任书
2014/03/29 职场文书
财务内勤岗位职责
2014/04/17 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
培训通知书模板
2015/04/17 职场文书
走进毛泽东观后感
2015/06/04 职场文书
从事会计工作年限证明
2015/06/23 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书