Question

I need to disable/enable “a.href” links based on checkboxes being checked. I have a list of checkboxes (2 columns). When at least one checkbox in a column “install” is checked, “Install” link should be enabled, otherwise disabled. When at least one checkbox is checked in column “Remove”, a link with the same class name should be enabled, otherwise disabled.

I’ve tried with this but not sure if this is correct, it doesn’t work:

function refleshCheckboxes() {
    if ($("input:checked").length > 0) {
        $("input:checked").each(function(index, e) {
            var css = $(e).attr('class').split(' ').slice(-1);
            $("div.markActions a").each(function (index, e) {
                $(e).removeClass("disablelink").hasClass(css);
            });

        });
    }
    else {
        $("div.markActions a").addClass("disablelink");
    }
}

$(“div.markActions a”)
– this is where a.href links are (inside this div)

checkboxes have the same class name as the a.href links. So I would like to get the class name of checkbox and match that class with the class of the a.href link.

Checkbox:

<input type="checkbox" value="2" class="checkbox install">

Link:

<a class="iconDiskPlus install disablelink" href="#">Install</a>

Answer 1

I figured it out:

function refleshCheckboxes() {
    if ($("input.checkbox:checked").length > 0) {
        var arr = new Array(".install", ".uninstalled", ".enabled", ".disabled", ".download", ".remove");
        for (i = 0; i < arr.length; i++) {
            if ($("input.checkbox:checked").is(arr[i])) {
                $(".markActions a" + arr[i]).removeClass("disablelink");
            } else {
                $(".markActions a" + arr[i]).addClass("disablelink");
            }
        };
    }
    else {
        $("div.markActions a").addClass("disablelink");
    }
}