jQuery全选

表单

1
2
3
4
5
6
7
8
9
10
<input type="checkbox" id="all" /> 全选<br />
<input class="t" type="checkbox" value="aa" /> aa
<input class="t" type="checkbox" value="bb" /> bb
<input class="t" type="checkbox" value="cc" /> cc
<input class="t" type="checkbox" value="dd" /> dd
<input class="t" type="checkbox" value="ee" /> ee
 
<input type="button" value="测试" id="btn" />
<input type="text" id="txt" />
<input type="button" value="设置选中" id="sel" />

 jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script type="text/javascript">
 
$(document).ready(function(e) {
     
    //全选
    $("#all").click(function(){
         
        var ck = $(".t");
        var xz = $(this)[0].checked;
         
        ck.prop("checked",xz);
         
        })
     
    //取选中项的值
    $("#btn").click(function(){
         
        var ck = $(".t");
        for(var i=0; i<ck.length;i++)
        {
            if(ck.eq(i).prop("checked"))        //ck.eq(i)[0].checked
            {
                alert(ck.eq(i).val());
            }
        }
         
        })
         
    //设置某项选中
    $("#sel").click(function(){
         
        var v = $("#txt").val();
         
        var ck = $(".t");
        ck.prop("checked",false);
        for(var i=0;i<ck.length;i++)
        {
            if(ck.eq(i).val()==v)
            {
                ck.eq(i).prop("checked",true);
            }
        }
         
        })
     
     
     
});
 
</script>

  

posted @   一枚小兵  阅读(129)  评论(0编辑  收藏  举报
编辑推荐:
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
阅读排行:
· 趁着过年的时候手搓了一个低代码框架
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· 乌龟冬眠箱湿度监控系统和AI辅助建议功能的实现
点击右上角即可分享
微信分享提示