JSFiddle - React, Tailwind, and code Playground

by dezinezoo

HTML

<div>
    <form>
        <table>
            <tr>
                <td>
                    <input type="radio" id="Map" name="selection1" value="Yes" />Map</td>
                <td>
                    <input type="radio" id="Social Media" name="selection2" value="Yes" />Social Media</td>
                <td>
                    <input type="radio" id="Video" name="selection3" value="Yes" />Video</td>
            </tr>
            <tr>
                <td>
                    <input type="radio" id="gallery" name="selection4" value="Yes" />Gallery</td>
                <td>
                    <input type="radio" id="Contact Form" name="selection5" value="Yes" />Contact Form</td>
                <td>
                    <input type="radio" id="e-mail list" name="selection6" value="Yes" />E-Mail List</td>
            </tr>
        </table>
    </form>
    <button id="getAnswersButton">Get Answers</button>
</div>

JavaScript

$(document).ready(function () {
            $('#getAnswersButton').click(function (Submit) {
                var selection1 = document.getElementsByName('selection1');
                var selection2 = document.getElementsByName('selection2');
                var selection3 = document.getElementsByName('selection3');
                var selection4 = document.getElementsByName('selection4');
                var selection5 = document.getElementsByName('selection5');
                var selection6 = document.getElementsByName('selection6');

                if (selection1[0].checked && selection2[0].checked && selection3[0].checked) {
                    alert("Silver $299 ");
                    if (selection1[0].checked && selection3[0].checked && selection4[0].checked) {
                        alert("Silver $299 ");

                    } else if (selection1[0].checked) {
                        alert("Please select the 'Grocery List' link above and review the list to see what you may have missed.");

                    } else if (selection2[0].checked) {
                        alert("Please select the 'Equip/Timeline' link above and make sure you have all of your tools.");

                    } else if (selection3[0].checked) {
                        alert("Please select the 'Equip/Timeline' link above and make sure you have all of your tools.");
                    }
                });
            });