JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<label class="checkbox">
    <input type="checkbox" name="aisis_options[package_Aisis-Related-Posts-Package-master]" value="package_Aisis-Related-Posts-Package-master" checked="">Aisis-Related-Posts-Package-master <a href="#">(Disable)</a>

</label>

CSS

td {
    width: 100px;
    border: 1px solid black;
}
table, div {
    border: 1px solid black;
}
.hover {
    background-color: Red;
}

JavaScript

$(function () {
    $('input:checkbox').click(function () {
        $(this).prop('disabled', true);
        var iName = this.name;
        $.ajax({
            url: "file.php",
            data: {
                'inputname': iName
            },
            success: function (data) {
                alert(data.returned_val);
            }
        })
    })
})