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

AI > 人工智能 > 详情

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")
实现如图效果

单击添加数据，选择其他清空数据，其他项选中
$(".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);
    }
});

『本文转载自网络,版权归原作者所有,如有侵权请联系删除』

上一篇:Android温习之路之继承下一篇:基于Netty的长连接客户端

热门文章更多

假如用上AI出狱追踪技术.江西连环杀人案疑凶曾春亮会不会重新犯罪?

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

相关推荐