JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<div id="div1" class="mydiv">
<asp:RadioButton ID="radio1yes" CssClass="quest" GroupName="Q1" runat="server" Text="Yes" />
<asp:RadioButton ID="radio1no" CssClass="quest" GroupName="Q1" runat="server" Text="No" />
</div>
<div id="div2" class="mydiv" class="ques">
<asp:RadioButton ID="radio2yes" CssClass="quest" GroupName="Q2" runat="server" Text="Yes" />
<asp:RadioButton ID="radio2no" CssClass="quest" GroupName="Q2" runat="server" Text="No" />
</div>
<div id="div3" class="mydiv">
<asp:RadioButton ID="radio3yes" CssClass="quest" GroupName="Q3" runat="server" Text="Yes" />
<asp:RadioButton ID="radio3no" CssClass="quest" GroupName="Q3" runat="server" Text="No" />
</div>
<div id="div4" class="mydiv">
<asp:RadioButton ID="radio4yes" CssClass="quest" GroupName="Q4" runat="server" Text="Yes" />
<asp:RadioButton ID="radio4no" CssClass="quest" GroupName="Q4" runat="server" Text="No" />
</div>

<div id="div5" class="mydiv" style="display: none">
<asp:RadioButton ID="radio5yes" CssClass="quest" GroupName="Q5" runat="server" Text="Yes" />
<asp:RadioButton ID="radio5no" CssClass="quest" GroupName="Q5" runat="server" Text="No" />
</div>

JavaScript

$('.quest :radio').each(function (i, obj) {
 $(obj).click(function () {

    var Id = $(obj).val();
    switch (Id) {
    case "radio1yes":
        alert("Message");
        break;
    case "radio1no":
        $("#div2").hide();
        break;
    case "radio2yes":
        alert("Message");
        break;
    case "radio2no":
        $("#div3").hide();
        break;
    }
 });
});