jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值
2016-12-03 12:23
253 查看
做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交。
其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便,但是获取复选框和单选按钮的值确比较麻烦。
今天闲来无事封装了一个函数,以后获取复选框和单选按钮的值就只需要调用这个函数,传入jquery选择器就可以了,下面附上函数。
函数
调用方式
其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便,但是获取复选框和单选按钮的值确比较麻烦。
今天闲来无事封装了一个函数,以后获取复选框和单选按钮的值就只需要调用这个函数,传入jquery选择器就可以了,下面附上函数。
函数
/** * 获取单个或一组输入元素的选中项 * 传入Jquery选择器 * 支持:text,返回:文本 * 支持:hidden,返回:文本 * 支持:password,返回:文本 * 支持:textarea,返回:文本 * 支持:select,返回:1 * 支持:checkbox,返回:1,2,3,4,5,6 * 支持:radio,返回:1 * 20161203 */ function get_choose(choose){ var choose_size = $(choose).size(); var choose_type = $(choose+':eq(0)').attr('type'); var return_text = ''; for(var i=0;i<choose_size;i++){ //如果是复选框或者单选按钮需要做特殊处理 if(choose_type=='checkbox' || choose_type=='radio'){ //判断元素是否被选中,选中才处理 if($(choose+':eq('+i+')').is(':checked')){ //如果复选框被选中,获取其值,继续执行获取下一个 if(choose_type=='checkbox'){ return_text += (return_text!='')?','+$(choose+':eq('+i+')').val():$(choose+':eq('+i+')').val(); } //如果是单选按钮被选中,获取其值,终止循环 else if(choose_type=='radio'){ return_text += $(choose+':eq('+i+')').val(); break; } else{ break; } } } //其他元素属性,直接返回其value值,终止循环 else{ return_text += $(choose+':eq(0)').val(); break; } } return return_text; }
调用方式
alert(get_choose('[name="文本框name名"]')); alert(get_choose('[name="文本域name名"]')); alert(get_choose('[name="多选框name名"]')); alert(get_choose('[name="单选框name名"]'));
相关文章推荐
- jquery全选/取消全选(反选)/单选操作以及获取值常见用法和错误-jquery prop()函数使用教程
- 【笔记】1.Jquery获取单选/复选的值
- JQuery获取元素宽度.width()与.css(‘width’)两个函数的区别
- jQuery分别获取选中的复选框值
- 一周乱弹(jquery select保留第一项,其余清空2,SimpleDateFormat 最全参考例子3,sql in语句4,jQuery 修改按钮样式及禁用按钮5当单选框值改变时获取单选框的值)
- jQuery获取window、document、dom元素的高度和宽度函数分析
- jQuery分别获取选中的复选框值的示例
- jQuery分别获取选中的复选框值的示例
- jQuery函数的第二个参数获取指定上下文中的DOM元素
- jquery获取复选框值
- jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo
- jQuery分别获取选中的复选框值
- JQuery学习之一:(加载函数,获取画面元素,一些简单的函数【each】【find】【focuse】【blur】)
- jQuery获取一组单选按钮的值
- jQuery获取元素位置以及高度与宽度 动态调整打开新窗口效果
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- JavaScript获取元素的位置(受分辨率影响)的替代函数
- jquery 获取一组radio 的值
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- Jquery小点滴 - 获取和设置元素value属性