Bootstrap Enable Disable Radio Button

<!DOCTYPE html>
<html>

<body>
    <div class="container mt-4">
        <h3>Bootstrap Enable Disable Radio Button</h3>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="exampleRadio" id="radio1" value="option1" checked>
            <label class="form-check-label" for="radio1">
                Option 1
            </label>
        </div>

<div class="form-check">
            <input class="form-check-input" type="radio" name="exampleRadio" id="radio2" value="option2">
            <label class="form-check-label" for="radio2">
                Option 2
            </label>
        </div>

<button class="btn btn-secondary" id="enableButton">Enable</button>
        <button class='btn btn-danger' id="disableButton">Disable</button>

</div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

// Enable radio buttons
            $('#enableButton').click(function () {
                $('input[type="radio"]').attr('disabled', false);
            });
        });

</script>

</body>

</html>