jQuery 如何获取 checkbox 的值? 下面本篇文章就来给大家介绍一下使用 jQuery 获取复选框 checkbox 选中值的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
复选框 checkbox, 单选框 radio 使用 jQuery 常用的 val() 或者 attr() 函数获取设置选中值, 通常都不能达到预期的效果, 所以, 对于这类勾选的状态, 应该使用 prop() 方法.
因为复选框可以选择多个值, 所以先要使用 prop("checked") 判断哪些值被选中, 然后再使用. val() 获取值.
具体介绍:
1, 获取一个复选框的选中值, 代码与浏览器运行页面如图所示
关键取值代码, 使用 prop("checked") 判断哪个选中:
- var selected = "";
- $(".chk").each(function () {
- var $this = $(this);
- if ($this.prop("checked") == true) {
- selected += $this.val();
- }
- });
2, 获取多个复选框的值, 代码与浏览器运行页面如图所示
关键取值代码, 使用 prop("checked") 判断那些选中, 然后取值
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/16890.html