jQuery 获取多选框的值及多选框中文的函数
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery 获取多选框的值及多选框中文的函数,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1802字,纯文字阅读大概需要3分钟。
内容图文
![jQuery 获取多选框的值及多选框中文的函数](/upload/InfoBanner/zyjiaocheng/353/bec9a4a5553e4a5a95a3d81c03d96b0b.jpg)
DOM结构
我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.
<label class="input_checkbox"> <input type="checkbox" name="sell_area" vlaue="0"> <span>甘肃</span> </label> <label class="input_checkbox"> <input type="checkbox" name="sell_area" vlaue="1"> <span>青海</span> </label> <label class="input_checkbox"> <input type="checkbox" name="sell_area" vlaue="2"> <span>陕西</span> </label> <label class="input_checkbox"> <input type="checkbox" name="sell_area" vlaue="3"> <span>宁夏</span> </label>
使用这种方法的优点是,点击文字就可以选择多选框了.并且可以使用CSS来美化整个样式.
JS代码
返回已经选中的多选框的值函数
function returnCheckboxVal(name){ var data=""; $('input:checkbox[name="'+name+'"]:checked').each(function(){ data += $(this).attr("vlaue")+","; }); return data.substring(0,data.length-1); }
通过这个函数,可以按照我们的需要,返回相应name值的多选框选中的项目的值,以1,2,3的方式返回
好,这里需要解释一下了,为什么我使用$(this).attr("vlaue")这种方式来获取.
其实我从搜索引擎找到的是 $(this).val() 的方式获取的.但是我很奇怪,我返回的值全部是on.
可能和我使用的是 jquery2.0的版本有关系,但具体是什么原因,我没有深究.
返回已经选中的多选框的项目名称
如上,可能我需要返回的是甘肃,青海,陕西,宁夏这样的项目名.当然,这个也是可以做到的.
不过,这个严重依赖我上面的DOM结构,如果结构不相同的话,需要做适当的修改的.
function returnCheckboxItem(name){ var data=""; $('input:checkbox[name="'+name+'"]:checked').each(function(){ data += $(this).siblings('span').html()+","; }); return data.substring(0,data.length-1); }
总结
网上搜索来的代码不一定都是正确的.但大体思路应该不会错.
其中的差异可能是标点符号(中英文)\缩进(中文全角空格)\或者是使用的JQ版本不相同.
所以找到的代码不能使用的时候,仔细排查一下,或许用更原始的方法可能会解决问题.
以上所述是小编给大家介绍的jQuery 获取多选框的值及多选框中文的函数的相关知识,希望能够帮助到大家。
内容总结
以上是互联网集市为您收集整理的jQuery 获取多选框的值及多选框中文的函数全部内容,希望文章能够帮你解决jQuery 获取多选框的值及多选框中文的函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。