1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > jquery 获取一组元素的选中项 - 函数 jquery获取复选框值 jquery获取单选按钮值...

jquery 获取一组元素的选中项 - 函数 jquery获取复选框值 jquery获取单选按钮值...

时间:2020-10-03 02:13:22

相关推荐

jquery 获取一组元素的选中项 - 函数 jquery获取复选框值 jquery获取单选按钮值...

做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交。

其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便,但是获取复选框和单选按钮的值确比较麻烦。

今天闲来无事封装了一个函数,以后获取复选框和单选按钮的值就只需要调用这个函数,传入jquery选择器就可以了,下面附上函数。

函数

/*** 获取单个或一组输入元素的选中项* 传入Jquery选择器* 支持:text,返回:文本* 支持:hidden,返回:文本* 支持:password,返回:文本* 支持:textarea,返回:文本* 支持:select,返回:1* 支持:checkbox,返回:1,2,3,4,5,6* 支持:radio,返回:1* 1203*/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名"]'));

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。