Question

I want to create a form whereby, when a user selects an option from a dropdown list, certain items of a checkbox is checked.

http://jsfiddle.net/qNMAk/1/

i have started it here, no idea on how to implement it.

Answer 1

There are many ways to approach this but I would recommend setting the “class” of the checkboxes to the option values. Then you could use jQuery like this:

$("select[name='types']").change(function() {
    // Get the value selected (convert spaces to underscores for class selection)
    var value = $(this).val().replace(' ', '_');

    // Clear checks, then check boxes that have class "value"
    $(":checkbox").prop("checked",false).filter("."+value).prop("checked",true);
});

See fiddle