学习整理使用jquery实现获取相同name被选中的多选框值的方法

徊忆羽菲

于 2024-09-07 17:53:59 发布

阅读量209

点赞数 1

分类专栏： Javascript Jquery Html 文章标签：学习 jquery 前端

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/141999652

版权

Html 同时被 3 个专栏收录

252 篇文章 9 订阅

订阅专栏

Javascript

233 篇文章 6 订阅

订阅专栏

Jquery

190 篇文章 2 订阅

订阅专栏

学习整理使用jquery实现获取相同name被选中的多选框值的方法

<html>
    <head>
        <meta charset="gbk">
        <!-- 引入JQuery -->
        <script src="https://www.qipa250.com/jquery/dist/jquery.min.js" type="text/javascript"></script>
    </head>

    <body>
        <input type="checkbox" value="橘子" name="qipa250">橘子1</input>
        <input type="checkbox" value="香蕉" name="qipa250">香蕉1</input>
        <input type="checkbox" value="西瓜" name="qipa250">西瓜1</input>
        <input type="checkbox" value="芒果" name="qipa250">芒果1</input>
        <input type="checkbox" value="葡萄" name="qipa250">葡萄1</input>
        
        <input type="button" value="方法2" id="b2">

    </body>
    
    <script>
 
//方法2
$("#b2").click(function(){
	var name= "";
	$("input:checkbox[name='qipa250']:checked").each(function () {
	   name+= $(this).val() + " ";
	});
});
    </script>
</html>