Thursday 15 January 2015

multiple checkbox select

 $.ajax({
            type: 'POST',
            url: url,
            cache: false,
            data: { 'reportType': type, 'frequency': frequency },
            dataType: 'json',
            success: function (data) {
                //$('#clients option').remove();
                $('#clients').html('<input id="chkAll" name="chkAll" type="checkbox" onchange="CheckUncheckAll(this)" ><span>All</span><br />');
                $.each(data, function (index, val) {

                    var chk = '<input id="clientList_' + index + '" name="clientList_' + index + '" type="checkbox" value="' + val.Text + '">';
                    var hdn = '<input name="clientList_' + index + '" type="hidden" value="false">';
                    var text = '<label for="clientList_' + index + '">' + val.Text + '</label><br />';
                    $('#clients').append(chk);
                    $('#clients').append(hdn);
                    $('#clients').append(text);
                    $("input[name=frequency]:radio").prop("disabled", false);
                    //                        //$('#clientoptions').append($('<option/>', { value: val.value }).html(val.Text));
                    //                        var optionTag = $('<option></option>');
                    //                        $(optionTag).val(val.Value).text(val.Text);
                    //                        $('#clients').append(optionTag);
                });
                getClientReasonCodes();
                getTantaCommReasonCodes();
            },
            error: function (xhr, msg, err) {
                alert(err);
            }

        });

------------------------------------------
function CheckUncheckAll(chk) {
    $(chk).closest('div').find('input[type=checkbox]').prop('checked', $(chk).prop('checked'));
}

No comments:

Post a Comment