您现在的位置:首页 >> JS&Jq >> 内容

jQuery获取checkbox选中的值

时间:2016-1-28 13:19:22 点击:

  核心提示:jQuery获取checkbox选中的值1、问题背景有几个多选框,选择其中的几个,获取选中的值2、设计源码?12345678910111213141516171819202122meta conten...

jQuery获取checkbox选中的值

1、问题背景

有几个多选框,选择其中的几个,获取选中的值

2、设计源码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<script type="text/javascript" src="jquery-2.2.0.js"></script><script type="text/javascript">
    $(function(){
        $("input[name='ckb']:checkbox").click(function() {
            var str = "";
            $("input[name='ckb']:checkbox").each(function() {
                if($(this).is(":checked"))
                {
                    str += $(this).attr("value")+",";
                }
            });
            if(str != null && str.length > 1)
            {
                str = str.substring(0,str.length-1);   
            }
             
            alert(str);
        });
         
    });
</script><input name="ckb" type="checkbox" value="1" />苹果 <input name="ckb" type="checkbox" value="2" />橘子 <input name="ckb" type="checkbox" value="3" />梨子 <input name="ckb" type="checkbox" value="4" />香蕉
3、设计结果

作者:不详 来源:网络
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 青春网络编程技术(www.qcfupo.com) © 2020 版权所有 All Rights Reserved.
  • Powered by qcfupo! V3.0sp1
  • 百度友情链接: 百家乐[www.chinawestnews.net/aomenbaijiale/] 赌博网[www.chinawestnews.net/amdbwz/] 海立方[www.bjl.gov.cn/bjgylc/] 娱乐城[www.gtxrmzf.gov.cn/mapai/] 娱乐城[www.hfsf.gov.cn/yfgj/] 威尼斯人[www.hllinkou.gov.cn/baijile/] 澳门威尼斯[www.jjwgj.gov.cn/wnsr/] 888真人[www.lagm.gov.cn/888zhenren/] 百乐坊[www.laoling.gov.cn/blfylc/] 现金网[www.longyu.gov.cn/xjw/] 百家乐[www.chinawestnews.net/ambjl/] 新葡京娱乐场[www.sjzedu.gov.cn/jsylc/] 时时彩[www.snjw.gov.cn/ssc/] 赌博[www.chinawestnews.net/aomendubo/]