on click of id=checkMain i want “child”(checkboxes) to get enabled and “child1”(radio buttons) to be disabled

on click of id=checkMain i want “child”(checkboxes) to get enabled and “child1”(radio buttons) to be disabled

by Thulasi Ram.S

HTML

<input type="radio" id="chkMain" name="chkMain" class="Enable CheckBox" />
    Enable Checkbox List And Disable Radio Button List<br />
    <input type="radio" id="chkMain1" name="chkMain" class="Enable CheckBox Radio" />
    Enable Checkbox List And Radio Button List<br />
    <input type="radio" id="chkMain2" name="chkMain" class="Enable Radio" />
    Disable Checkbox List And Disable Radio Button List<br />
    <br />
    <br />
    <br />
    <input class="child" type="checkbox" id="chk1" />1<br />
    <input class="child" type="checkbox" id="chk2" />2<br />
    <input class="child" type="checkbox" id="chk3" />3<br />
    <input class="child" type="checkbox" id="chk4" />4<br />
    <input class="child" type="checkbox" id="chk5" />5<br />
    <input class="child" type="checkbox" id="chk6" />6<br />
    <input class="child" type="checkbox" id="chk7" />7<br />
    <br />
    <br />
    <br />
    <input class="child1" type="radio" id="tone1" />1<br />
    <input class="child1" type="radio" id="tone2" />2<br />
    <input class="child1" type="radio" id="tone3" />3<br />

JavaScript

$(document).ready(function () {
            $('.child, .child1').attr('disabled', true);

            $('.Enable:radio').live('click', function () {
                $('.child').attr('disabled', !$(this).hasClass('CheckBox'));
                $('.child1').attr('disabled', !$(this).hasClass('Radio'));
            });
        });