Question

I need to solve this problem:

When a checkbox (“Session1”) is ticked, then a “Select” list (“Course”) should be filled from a dropdown list on condition that if “checkbox” is checked/”true” AND “select list” is empty, then the “select list” should be filled. And vice versa.

Right now I have this jquery code in my form:

$("#Session1").click(function () {
        {
    if($("#Session1").attr("checked")==true)
{
    alert("Course field is required");
}

}
    });

Thank you so much for your help!

Answer 1

$('#session1').change(function(){
   $('#session1_list').toggle('show');
});

$('#submit').click(function(){
    if($('#session1').is(':checked'))
    {
        if($('#session1_list').val().length < 1)
        {
            alert('Please select a course');
            return false;
        } 
    } 

    alert('form posted ok');
});

Demo: http://jsfiddle.net/AlienWebguy/n4xZU/

To force a required checkbox, simply check if it’s required:

$('#session1').change(function(){
    if($(this).is(':required') && !$(this).is(':checked'))
    {
        alert('Session1 is required!');
        $(this).prop('checked',true);
        return false;
    }
});

Demo: http://jsfiddle.net/AlienWebguy/n4xZU/2/