L'utilisation de Jquery pour trouver deux valeurs d'entrée pour 1 sélection de case à cocher?

J'ai besoin de récupérer deux valeurs, "prix et poids", à partir de 1 case à cocher. J'utilise Jquery Mobile CSS pour cela. J'ai simplifié le code et j'ai écrit autant que possible. Je ne sais pas comment aborder cela.L'utilisation de Jquery pour trouver deux valeurs d'entrée pour 1 sélection de case à cocher?

J'ai besoin des sorties dans deux div séparés après avoir cliqué sur la case. Je vais utiliser les résultats pour passer à simplecartJS.

MON CODE

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>TEST LIST</title> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<script src="simpleCart.js"></script> 
</head> 
<body> 
<fieldset id="" class="" style="margin-top: 0px;font-variant: small-caps;letter-spacing: 2px;" data-role="controlgroup"> 

    <input class="weight1" type="hidden" value="2.0" > 
    <input class="price1" type="radio" name="radio-choice-v-2" id="radio-choice-v-2a" value="20.00" checked="checked"> 
    <label class="price_weight_lable1" style="display: flex;" for="radio-choice-v-2a"> 
     <div style="flex:2;">2.0 grams</div> 
     <div style="flex:1;text-align: center;">$22.00</div> 
    </label> 


    <input class="weight2" type="hidden" value="3.5" > 
    <input class="price2" type="radio" name="radio-choice-v-2" id="radio-choice-v-2b" value="45.00"> 
    <label class="price_weight_lable2" style="display: flex;" for="radio-choice-v-2b"> 
     <div style="flex:2;">3.5 grams</div> 
     <div style="flex:1;text-align: center;">$45.00</div> 
    </label> 


    <input class="weight3" type="hidden" value="7.0" > 
    <input class="price3" type="radio" name="radio-choice-v-2" id="radio-choice-v-2c" value="90.00"> 
    <label class="price_weight_lable3" style="display: flex;" for="radio-choice-v-2c"> 
     <div style="flex:2;">7.0 grams</div> 
     <div style="flex:1;text-align: center;">$90.00</div> 
    </label> 
</fieldset> 

    <script> 
    var price_results; 
    var weight_results; 

     $("????").click(function(){ 
     ????    
}); 

     $(".price_results").html(price_results); 
     $(".weight_results").html(weight_results); 
    </script> 




<div class="simpleCart_shelfItem"> 


    <div class="item_price"> <!-- simplecart div -->  
     <div class="price_results"></div> <!-- price function result? -->       
    </div> 

    <div class="item_weight"> <!-- simplecart div --> 
     <div class="weight_results"></div> <!-- weight function result? -->       
    </div> 


</div> 

</body> 
</html>

copier et coller.

Voici ma page www.aarontomlinson.com

Merci !!!

Source

2017-06-07 Anonymous

essayer ce ,, qui devrait fonctionner pour vous ,,

$('input[type=radio]').on('change', function(el){ 
 
    $('.price_results').text($(this).parent().prev().val()); 
 
    $('.weight_results').text($(this).val()); 
 
});

<link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
 

 

 
<fieldset id="" class="" style="margin-top: 0px;font-variant: small-caps;letter-spacing: 2px;" data-role="controlgroup"> 
 

 
    <input class="weight1" type="hidden" value="2.0" > 
 
    <input class="price1" type="radio" name="radio-choice-v-2" id="radio-choice-v-2a" value="20.00" checked="checked"> 
 
    <label class="price_weight_lable1" style="display: flex;" for="radio-choice-v-2a"> 
 
     <div style="flex:2;">2.0 grams</div> 
 
     <div style="flex:1;text-align: center;">$22.00</div> 
 
    </label> 
 

 

 
    <input class="weight2" type="hidden" value="3.5" > 
 
    <input class="price2" type="radio" name="radio-choice-v-2" id="radio-choice-v-2b" value="45.00"> 
 
    <label class="price_weight_lable2" style="display: flex;" for="radio-choice-v-2b"> 
 
     <div style="flex:2;">3.5 grams</div> 
 
     <div style="flex:1;text-align: center;">$45.00</div> 
 
    </label> 
 

 

 
    <input class="weight3" type="hidden" value="7.0" > 
 
    <input class="price3" type="radio" name="radio-choice-v-2" id="radio-choice-v-2c" value="90.00"> 
 
    <label class="price_weight_lable3" style="display: flex;" for="radio-choice-v-2c"> 
 
     <div style="flex:2;">7.0 grams</div> 
 
     <div style="flex:1;text-align: center;">$90.00</div> 
 
    </label> 
 
</fieldset> 
 

 

 
<div class="simpleCart_shelfItem"> 
 

 

 
    <div class="item_price"> <!-- simplecart div -->  
 
     <div class="price_results"></div> <!-- price function result? -->       
 
    </div> 
 

 
    <div class="item_weight"> <!-- simplecart div --> 
 
     <div class="weight_results"></div> <!-- weight function result? -->       
 
    </div> 
 

 

 
</div>

Source

2017-06-07 23:24:08

qui fonctionne, est de toute façon d'avoir les valeurs de la première zone sélectionnée lorsque le chargement de la page? au cas où ils ne cliquent sur rien, comme un défaut? Merci beaucoup. @ Kresimir Pendic –

aussi .. les résultats sont en arrière .. je reçois le poids pour le prix .. mal essayer de le trier, mais si vous connaissez un moyen rapide de le faire? @kresimir pendic –

J'ai corrigé le problème de commande, en travaillant toujours sur "obtenir des résultats lors du chargement de la page". @Kresimir Pendic –

L'utilisation de Jquery pour trouver deux valeurs d'entrée pour 1 sélection de case à cocher?

Répondre

Questions connexes