How to get the text of the selected radio button, jquery?

Navigation
0

Good morning. I have the following list of radio buttons: 

<ul>
  <li>
    <label class="label-radio item-content">
           <input type="radio" name="entregaPedido" value="2">
               <span class="item-media">
                <i class="icon icon-form-radio"></i>
               </span>
               <span class="item-inner">
               <span class="item-title">Recoger en Centro de Negocio</span>
                                    </span>
                                </label>
  </li>
  <li>
    <label class="label-radio item-content">
                                    <input type="radio" name="entregaPedido" value="1" checked>
                                    <span class="item-media">
                                        <i class="icon icon-form-radio"></i>
                                    </span>
                                    <span class="item-inner">
                                        <span class="item-title">Envío a Domicilio Normal</span>
                                    </span>
                                </label>
  </li>
  <li id="sucursalesCorreos">
    <label class="label-radio item-content">
                                    <input type="radio" name="entregaPedido" value="1">
                                    <span class="item-media">
                                        <i class="icon icon-form-radio"></i>
                                    </span>
                                    <span class="item-inner">
                                        <span class="item-title">Entregar en Sucursal de Correos</span>
                                    </span>
                                </label>
  </li>
</ul>

And in this function I get the value of the selected radio button: 

$$("#btn-4").click(function (e) {
 formaentregaPedido = $('input:radio[name=entregaPedido]:checked').val();
});

But in the previous function I want to get what is written in class item-title since it can be Collect in Business Center, Normal Home Delivery or Deliver in Post Office Branch.

Thank you in advance.

    
asked by JG_GJ 07.11.2018 в 17:54
source

1 answer

0

With your html structure I made the following code to get the text, just click on the "Get value and text" button: 

$("#obtener").click(function (e) {
  let valor =  $('input:radio[name=entregaPedido]:checked').val();
  
  let texto = $('input:radio[name=entregaPedido]:checked').parent().find(".item-title").text();
  alert("valor = "+valor+" Texto = "+texto);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
     <li>
       <label class="label-radio item-content">
       <input type="radio" name="entregaPedido" value="2">
           <span class="item-media">
            <i class="icon icon-form-radio"></i>
           </span>
           <span class="item-inner">
           <span class="item-title">Recoger en Centro de Negocio</span>
                                </span>
                            </label>
                        </li>
                        <li>
                            <label class="label-radio item-content">
                                <input type="radio" name="entregaPedido" value="1" checked>
                                <span class="item-media">
                                    <i class="icon icon-form-radio"></i>
                                </span>
                                <span class="item-inner">
                                    <span class="item-title">Envío a Domicilio Normal</span>
                                </span>
                            </label>
                        </li>
                        <li id="sucursalesCorreos">
                            <label class="label-radio item-content">
                                <input type="radio" name="entregaPedido" value="1">
                                <span class="item-media">
                                    <i class="icon icon-form-radio"></i>
                                </span>
                                <span class="item-inner">
                                    <span class="item-title">Entregar en Sucursal de Correos</span>
                                </span>
                            </label>
                        </li>
                    </ul>
                    
<button id="obtener">Obtener valor y texto</button>
    
answered by 07.11.2018 в 18:01
How to install SharpDX.XImput on another computer Error in PHP Post