hi everyone I have this bootstrap carousel where I want to have multiple inner sliders so I can use input radio to block them according to the radio checked. this is where I'm now, but I don't know what to do next:

<input type="radio" id="a" name="e" value="a" checked>
    <input type="radio" id="b" name="e" value="b">
    <input type="radio" id="c" name="e" value="c">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner c" id="f1">
            <div class="carousel-item active">

                a
            </div>
            <div class="carousel-item">

                b
            </div>

        </div>
 <div class="carousel-inner d" id="f2">
            <div class="carousel-item active">
                b
            </div>
            <div class="carousel-item">

                c
            </div>


        </div>
        <div class="carousel-inner d" id="f3">
            <div class="carousel-item active">
                c
            </div>
            <div class="carousel-item">
                d
            </div>

        </div>

how can I do Thanks.