位置: 编程技术 - 正文
jQuery 获取多选框的值及多选框中文的函数(jquery获取单选按钮的值)
编辑：rootadmin推荐整理分享jQuery 获取多选框的值及多选框中文的函数(jquery获取单选按钮的值)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery多个选择器,jquery获取多个元素,jquery多个选择器,jQuery获取多选框是否选中,jquery选择多个id,jquery选择多个id,jquery多选框取值,jquery获取多个元素,内容如对您有帮助，希望把文章链接给更多的朋友！
DOM结构
我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.
使用这种方法的优点是,点击文字就可以选择多选框了.并且可以使用CSS来美化整个样式.
JS代码
返回已经选中的多选框的值函数
通过这个函数,可以按照我们的需要,返回相应name值的多选框选中的项目的值,以1,2,3的方式返回
好,这里需要解释一下了,为什么我使用$(this).attr("vlaue")这种方式来获取.
其实我从搜索引擎找到的是 $(this).val() 的方式获取的.但是我很奇怪,我返回的值全部是on.
可能和我使用的是 jquery2.0的版本有关系,但具体是什么原因,我没有深究.
返回已经选中的多选框的项目名称
如上,可能我需要返回的是甘肃,青海,陕西,宁夏这样的项目名.当然,这个也是可以做到的.
不过,这个严重依赖我上面的DOM结构,如果结构不相同的话,需要做适当的修改的.
总结
网上搜索来的代码不一定都是正确的.但大体思路应该不会错.
其中的差异可能是标点符号(中英文)缩进(中文全角空格)或者是使用的JQ版本不相同.
所以找到的代码不能使用的时候,仔细排查一下,或许用更原始的方法可能会解决问题.
以上所述是小编给大家介绍的jQuery 获取多选框的值及多选框中文的函数的相关知识，希望能够帮助到大家。
老司机带你解读jQuery插件开发流程 jquery插件开发模式jquery插件一般有三种开发方式：通过$.extend()来扩展jQuery通过$.fn向jQuery添加新的方法通过$.widget()应用jQueryUI的部件工厂方式创建第一种
Web前端新人笔记之jquery入门心得(新手必看) 本章将为大家介绍以下几点内容；1、jquery的主要特点；2、建立jquery的编码环境；3、简单jquery脚本示例；4、选择jquery而不是纯javaScript的理由；5、常用
jQuery Mobile操作HTML5的常用函数总结 一.$.mobile.changePage()&$.mobile.loadPage()1.$.mobile.changePage()$.mobile.changePage()方法会在页面加载时自动调用，若这个页面为当前文档中的不同"page"，则会转到这个
标签: jquery获取单选按钮的值
本文链接地址:https://www.jiuchutong.com/biancheng/386579.html 转载请保留说明！上一篇：jQuery插件制作的实例教程(jquery插件大全)
下一篇：老司机带你解读jQuery插件开发流程(老司机指的是)
