全球最实用的IT互联网信息网站!

AI人工智能P2P分享&下载搜索网页发布信息网站地图

当前位置:诺佳网 > AI人工智能 > AI通用技术 >

jquey操作checkbox,全选,单击,获取值,单击文字选

时间:2017-11-27 15:54

人气:

作者:admin

标签: checkbox  jquey  字符串 

导读:jquey操作checkbox,全选,单击,获取值,单击文字选中复选框-jquey操作checkbox,全选,单击,获取值,单击文字选中复选框...


 


            

  
                
                
                
                
                
                
                
            


            


                
                
            


            

 
1. 单击事件 单击任意一个复选框 执行jquery (字符串拼接)
 $(".clv").change(function() {
        var str="";
        $('input[name="checkbox"]:checked').each(function(){
            str+=$(this).val()+"、";
        });
        $("#updateinput").val(str);
});
1. 单击事件 单击任意一个复选框 执行jquery (数组接收)
 $(".clv").change(function() {
    var chk_value =[];
    $('input[name="test"]:checked').each(function(){
    chk_value.push($(this).val());
    });
    alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value);
});
1. 单击复选框 判断是否 选中
方法一:
if ($("#check7")get(0).checked) {
    alert();
}
方法二:(比较易懂)
if($('#check7').is(':checked')) {
   alert();
}
方法三:
if ($('#check7').attr('checked')) {
    alert();
}
实现单击文字 ,复选框选中 在复选框后面添加 其值对应复选框中的数据
 
全选
 
全选:$(":checkbox").attr("checked","checked");
 
取消全选:$(":checkbox").removeAttr("checked");
 
获取选中的:$(":checked[checked='checked']")
 
不行则尝试:
 
全选: $(":checkbox").prop("checked",true)
 
取消全选:$(":checkbox").prop("checked",false)
 
获取选中的:$(":checkbox:checked")
实现如图效果

 jquey操作checkbox,全选,单击,获取值,单击文字选中复选框

单击 添加数据, 选择其他清空数据,其他项选中
$(".clv").change(function() {
    if($('#check7').is(':checked')) {
        $(":checkbox").removeAttr("checked");
        $(this).attr("checked","checked");
        $("#updateinput").val('');
    }else{
        var str="";
        $('input[name="checkbox"]:checked').each(function(){
            str+=$(this).val()+"、";
        });
        $("#updateinput").val(str);
    }
}); 

温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!
相关阅读
本类排行
相关标签
本类推荐

CPU | 内存 | 硬盘 | 显卡 | 显示器 | 主板 | 电源 | 键鼠 | 网站地图

Copyright © 2025-2035 诺佳网 版权所有 备案号:赣ICP备2025066733号
本站资料均来源互联网收集整理,作品版权归作者所有,如果侵犯了您的版权,请跟我们联系。

关注微信