在javascript中启用复选框上的点击事件

Question

When I click on the 1st checkbox, then 2 checkbox is automatically checked and it can not be unchecked if 1st is checked and if 1 is not checked then 2 is checked manually and i am done this code in the javascript

if(firstCheckboxCheckd == true){
  secondCheckboxChecked.click = false;
}
else {
  secondCheckboxChecked.click = true;
}

Answer 1

I am not sure if I got your question right, but here is my take.

Requirement: - When user check checkbox 1, it should automatically check checkbox 2

Issue : - When checking checkbox 1 and automatically checking checkbox 2, checkbox 2 doesnt response anymore

solution below

$(document).ready(function() {

    $('#Checkbox1').click(function(){
        let firstCheckbox = $('#Checkbox1');
        let secondCheckbox = $('#Checkbox2');

        if(firstCheckbox.is(":checked"))
        {
        console.log('firstCheckbox is checked');
        secondCheckbox.prop('checked', true);
        secondCheckbox.prop('disabled', true);
        }
        else 
        {
        console.log('secondCheckbox is checked');
         secondCheckbox.prop('disabled', false);
        }

    })

});