JQuery checkbox相关

最新推荐文章于 2023-09-06 08:43:48 发布

FBI_xx

最新推荐文章于 2023-09-06 08:43:48 发布

阅读量147

点赞数

文章标签： jquery checkbox js

原文链接：https://blog.csdn.net/tengdazhang770960436/article/details/37594691

版权

jQuery获取全部被选中的checkbox并依次操作

                $("input:checkbox[name=所有的checkboxname同名]:checked").each(function(){
					//操作
				});

jquery 获取所有的 checkbox 值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
 
    function getCheckAdIds() {
        var adIds = "";
        $("input:checkbox[name=check_name]:checked'").each(function(i){
            if(0==i){
                adIds = $(this).val();
            }else{
                adIds += (","+$(this).val());
            }
        });
        alert(adIds);
        return adIds;
    }
    </script>
</head>
<body>
 
    <input name="check_name" type="checkbox" value="1"/>1
    <input name="check_name" type="checkbox" value="2"/>2
    <input name="check_name" type="checkbox" value="3"/>3
    <input name="check_name" type="checkbox" value="4"/>4
    <input name="check_name" type="checkbox" value="5"/>5
    <input name="check_name" type="checkbox" value="6"/>6<br/>
 
    <button οnclick="getCheckAdIds()">获取选中结果</button>
 
</body>
</html>

上面不知道为什么运行没结果，改写后可以：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
    <!-- <script type="text/javascript" src="assets/js/jquery.min.js"></script> -->

    

</head>
<body>
 
    <input name="check_name" type="checkbox" value="1"/>1
    <input name="check_name" type="checkbox" value="2"/>2
    <input name="check_name" type="checkbox" value="3"/>3
    <input name="check_name" type="checkbox" value="4"/>4
    <input name="check_name" type="checkbox" value="5"/>5
    <input name="check_name" type="checkbox" value="6"/>6<br/>
 
    <button οnclick="getCheckAdIds()" id="tt1">获取选中结果</button>
    <script type="text/javascript">
 
    function getCheckAdIds() {
        alert("123");
        var adIds = "";
        $("input:checkbox[name=check_name]:checked").each(function(i){
            if(0==i){
                adIds = $(this).val();
            }else{
                adIds += (","+$(this).val());
            }
        });
        alert(adIds);
        return adIds;
    }
    </script>
 
</body>

<script>
$(document).ready(function(){
  $("#tt1").on("click",function(){
        var adIds = "";
        $("input:checkbox[name=check_name]:checked").each(function(i){
            if(0==i){
                 adIds = $(this).val();
             }else{
                 adIds += (","+$(this).val());
             }
            console.log("第"+i+"次打印");
            console.log($(this).val());
        });
         alert(adIds);
        return adIds;
  });
});
</script>
</html>

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/37594691
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38006520/article/details/81319603

FBI_xx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery checkbox相关

jQuery获取全部被选中的checkbox并依次操作 $("input:checkbox[name=所有的checkboxname同名]:checked").each(function(){ //操作 });jquery 获取所有的 checkbox 值<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head&gt..
复制链接

扫一扫