jquery如何获取checkbox的值?

jquery如何获取checkbox的值?下面本篇文章就来给大家介绍一下使用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")判断那些选中,然后取值

更多前端开发知识,请查阅 HTML中文网 !!

以上就是jquery如何获取checkbox的值?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读