JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2 Cars <input type="radio" name="choix_livraison" data-target="1" value="1"><br>
3 Cars <input type="radio" name="choix_livraison" data-target="2" value="2" > <br>
3 Cars <input type="radio" name="choix_livraison" data-target="2" value="3" > <br>
3 Cars <input type="radio" name="choix_livraison" data-target="2" value="4" > <br>
<br>

<div id="1" class="desc">
  j'ai sélectionne 2
</div>
<div id="2" class="desc">
  j'ai sélectionne 3
</div>

JavaScript

$(document).ready(function() {
    $("div.desc").hide();
    $("input[name$='choix_livraison']").click(function() {
        var test = $(this).data("target");;
        $("div.desc").hide();
        $("#" + test).show();
    });
});