How can I disable other downloadable products checkboxes?

Question

I have a music album as a downloadable product type, which lists all songs and the whole album as zipped. So the customer can buy individual songs or just select the whole album. I want to disable individual songs if the customer selects the full album, Like in this music store when you click on "Entire Release" JunoDownload

Please see my screenshot for what I have at the moment. Screenshot

Answer 1

You don't want to write the JS into the options phtml file.

You want to add a js file to the layout handle: PRODUCT_TYPE_downloadable. On stackoverflow is described how to do it.

And then you have to check how the checkboxes are named and abstract some regex or something (I have no idea how this would look like).

And then you write something like:

$('album_checkbox_find_abstract_name').observer('changed', function(event){
    if(this.checked) {
        $$('.some_class_around_all_the_checkboxes input[type=checkbox]').each(function(elem) {
            if(elem != this) elem.disabled = true;
        });
    } else {
        $$('.some_class_around_all_the_checkboxes input[type=checkbox]').each(function(elem) {
            elem.disabled = false;
        });
    }
});

Hope this helps. No time for testing. Maybe you have a wrong this inside the each functions.