jquery取得多选checkbox选中的值

最新推荐文章于 2021-08-04 13:26:58 发布

我是高手高手高高手

最新推荐文章于 2021-08-04 13:26:58 发布

阅读量4.2k

点赞数 1

分类专栏： jQuery JS技巧

JS技巧同时被 2 个专栏收录

244 篇文章 3 订阅

订阅专栏

jQuery

128 篇文章 1 订阅

订阅专栏

jquery取得多选checkbox选中的值

将所有选中的值保存到数组中

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">

        function go() {
            var str="";
            $("input[name='checkbox']:checkbox").each(function(){ 
                if($(this).attr("checked")){
                    str += $(this).val()+","
                }
            })
            alert(str);
            //str.split(",");
            //alert(str[0]);
        }
    </script>
 <body>
  <div>
    <input type="text" id="content" value="111"/>
    <input type="checkbox" name="checkbox" value="1"/>
    <input type="checkbox" name="checkbox" value="2"/>
    <input type="checkbox" name="checkbox" value="3"/>
    <input type="checkbox" name="checkbox" value="4"/>
    <input type="checkbox" name="checkbox" value="5"/>
    <input type="button" id="test" οnclick="go();" value="000"/>
  </div>
 </body>
</html>