jquery取checkbox选中的值

最新推荐文章于 2022-04-09 19:21:46 发布

weixin_30877227

最新推荐文章于 2022-04-09 19:21:46 发布

阅读量87

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tonykan/p/3503360.html

本文介绍了一个简单的示例，展示了如何利用jQuery来获取网页上被选中的复选框的值，并通过JavaScript函数处理这些值。该示例包括了基本的HTML结构和必要的jQuery脚本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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="jquery.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" onclick="go();"/>
  </div>
 </body>
</html>