从行中选择一个div并以反应形式插入值

Question

我想从三行中选择一个细分，并以反应形式插入值。 Here is segment image

，代码为：

<div class="container">
        <div class="row">
            <div class="col-md-2 col-sm-6">
                <div class="pricingTable">
                    <div class="pricing-content">
                      <div class="set_img"><img class="capa" src="/assets/images/Capa 1.png"></div>

                        <p class="title_segment">STANDARD</p>
                        <div class="Shape-4"></div>
                        <p class="segment_italic">Non refundable <br>AMC ₹ 250/yr</p>
                        <div class="bottom">
                          <div class="txt_400">
                              <i class="fa fa-rupee"> 400</i><span class="gst"> + GST</span>
                        <!-- <a href="#" class="pricingTable-signup">Subscribe Now</a> -->
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-6">
                <div class="pricingTable">
                    <div class="pricing-content">
                      <div class="set_img"><img class="capa" src="/assets/images/Capa 1.png"></div>

                        <p class="title_segment">PRO</p>
                        <div class="Shape-4"></div>
                        <p class="segment_italic">Non refundable <br>NO AMC</p>
                        <div class="bottom">
                          <div class="txt_400">
                              <i class="fa fa-rupee"> 1000</i><span class="gst"> + GST</span>
                        <!-- <a href="#" class="pricingTable-signup">Subscribe Now</a> -->
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-6">
                <div class="pricingTable pricingTablepremium">
                    <div class="upper_image">
                        <img class="" src="/assets/images/best_sub.png">
                    </div>
                    <div class="pricing-content">
                      <div class="set_img img-margin"><img class="capa" src="/assets/images/Capa 1.png"></div>

                        <p class="title_segment">ULTIMATE</p>
                        <div class="Shape-4"></div>
                        <p class="segment_italic">Refundable <br>NO AMC</p>
                        <div class="bottom_pre">
                          <div class="txt_400">
                              <i class="fa fa-rupee"> 2000</i><span class="gst"> + GST</span>
                        <!-- <a href="#" class="pricingTable-signup">Subscribe Now</a> -->
                        </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

            <button type="submit" class="btn btn_form">Submit</button>
        </div>

如何使这些段能够选择并以反应形式插入值。并且当点击该领域中的任意位置时，该细分应该能够选择。