美文网首页
使用 jquery 获取一组或者单个 checkbox 的选中状

使用 jquery 获取一组或者单个 checkbox 的选中状

作者: geeooooz | 来源:发表于2018-11-05 11:45 被阅读21次

    转载:https://blog.csdn.net/huakaiba/article/details/78026430

    使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明,
    假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的checkbox的值的方法如下:
    

    Js代码:

    var id_array=new Array();  
    $('input[name="id"]:checked').each(function(){  
        id_array.push($(this).val());//向数组中添加元素  
    });  
    var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串  
    alert(idstr);  
    

    另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:

    if($("#id").is(":checked")){//选中  
        alert($("#id").val());//打印选中的值  
    }  
    

    我自己的实现全选和删除所选:

    <script type="text/javascript"> 
    $(function(){
        $("#select").click(function(){
            //获取下面所有的 复选框并将其选中状态设置跟编码的前端 复选框保持一致。
            //attr方法与JQ的版本有关,在1.8.3及以下有效。
            //$("tbody input").attr("checked",this.checked);
            $("tbody input").prop("checked",this.checked);
        });
    });
    
    function delSelect(){
        var isDel = confirm("您确认要删除吗?");
        var pid_array = new Array();
        if(isDel){
            //要删除所有选项                   
            $('input[id="selectone"]:checked').each(function(){  
                pid_array.push($(this).val());//向数组中添加元素                                           
            });  
            var pids=pid_array.join(",");
    
            location.href = "${pageContext.request.contextPath}/adminDelProduct?pids="+pids;
    
        }
    }           
    </script>
    

    相关文章

      网友评论

          本文标题:使用 jquery 获取一组或者单个 checkbox 的选中状

          本文链接:https://www.haomeiwen.com/subject/sgajxqtx.html