input按钮全选/状态验证

-------------------------公共方法调用---------------------------

/**
 * 按钮全选方法
 */
function selAllBox(sid,tname){
    $('input[name="'+tname+'"]').each(function(i) {
        $('input[name="'+tname+'"]')[i].checked = $('#'+sid).prop("checked");
    });
}

/**
 * 验证全选按钮选中状态
 */
function validateAllCheck(sid,tname){
    if($('input[name="'+tname+'"]:checked').length == $('input[name="'+tname+'"]').length){
        $('#'+sid).prop("checked",true);
    }else{
        $('#'+sid).prop("checked",false);
    }
}

/**
 * 调用
 */

$(function(){
            //复选框
            $('#selectAll').click(function(){
                selAllBox("selectAll","checkbox");
            });
            $('input[name="checkbox"]').click(function(){
                validateAllCheck("selectAll","checkbox");
            });
        });

-------------------------单方法---------------------------

$(function() {
            $("#select_all").click(function() {
                $(".selected").prop("checked", $(this).prop("checked") == true);
            });
            $(".selected").click(function() {
                if (!$(this).prop("checked"))
                    $("#select_all").prop("checked", false);
            });
        
        })

------------------------------------------------------------------

$("#select_all").click(function() {
        $(".selected").prop("checked", $(this).prop("checked") == true);
    });
    $(".selected").click(function() {
            $("#select_all").prop("checked",$(".selected").length==$(".selected:checked").length);
    });

posted @ 2015-01-14 16:57  猪肉炖粉条  阅读(156)  评论(0编辑  收藏  举报