jQuery获取复选框的值

最新推荐文章于 2022-07-14 10:34:09 发布

weixin_30873847

最新推荐文章于 2022-07-14 10:34:09 发布

阅读量49

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/duck-ifox/p/7158856.html

版权

通过jQuery获取选中的复选框的值，是在web开发中比较常用的一个功能。

<html>
     <head>
     <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
     <style type="text/css">
        
        
     </style>
     
     </head>
     <body>
        <input type="checkbox" name="boxname" value="J_1"> Java从入门到放弃&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_2"> Java从入门到住院&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_3"> 颈椎病康复指南&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_4"> Unix编程艺术&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_5"> 如何优雅的甩锅&nbsp;&nbsp;
        <button onclick="boxFunction()">输出选中的值</button>
     </body>
     <script type="text/javascript">
     
     function boxFunction(){
        var isCheck = '';
         $('input[name="boxname"]:checked').each(function(){
          isCheck += $(this).val() + ",";
         });
         
         alert(isCheck);
     }
     
        
        
    

    </script>



</html>

转载于:https://www.cnblogs.com/duck-ifox/p/7158856.html

weixin_30873847

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery获取复选框的值

通过jQuery获取选中的复选框的值，是在web开发中比较常用的一个功能。<html> <head> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <style type="text/css"> ...
复制链接

扫一扫