使javascript检查选择了哪种广播形式

Question

我正在尝试一场狗比赛。 基本上，我想要的是检查用户检查的电台，将其与1-5之间的随机数进行比较，看看他是否赢了。

我的问题是...我该如何比较它们？

到目前为止，这是我的代码。

  function chooser(){
    var theDogs = ["dog1","dog2","dog3","dog4","dog5"],

     rand = theDogs[Math.floor(Math.random() * theDogs.length)];

    document.getElementById("winner").innerHTML = rand;


if(pick == rand)
    {document.getElementById("winner").innerHTML =("win!");}
        else {
            document.getElementById("winner").innerHTML =("loose");
        }
    }

HTML：

<form id="pick" action="rand">
<input type="radio" name="dog" id="dog1">Dog1<br>
<input type="radio" name="dog" id="dog2">Dog2<br>
<input type="radio" name="dog" id="dog3">Dog3<br>
<input type="radio" name="dog" id="dog4">Dog4<br>
<input type="radio" name="dog" id="dog5">Dog5<br>
</form>

<br>
<br>
        <input type="submit" value="Gamble" onclick="chooser();">
<br>

<p id="winner"> </p>

Answer 1

您需要为每个单选按钮提供一个值，然后为getElementsByName迭代以找到被选中的按钮。 看到类似的线程...

Answer 2

jQuery和本机JavaScript方法。 随便你吧。

 $("#submitjq").click(function() { var theDogs = ["dog1","dog2","dog3","dog4","dog5"], rand = theDogs[Math.floor(Math.random() * theDogs.length)]; var pick = $("input[type=radio][name='dog']:checked").val(); if(pick == rand) { $("#winner").html("jQuery: Won!"); } else { $("#winner").html("jQuery: Lost!"); } }); document.getElementById('submitjs').onclick = function () { var theDogs = ["dog1","dog2","dog3","dog4","dog5"], rand = theDogs[Math.floor(Math.random() * theDogs.length)]; var pick = document.pick.dog.value; console.log(pick); if(pick == rand) { document.getElementById("winner").innerHTML = "JavaScript: Won!" ; } else { document.getElementById("winner").innerHTML = "JavaScript: Lost!" ; } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="pick" name="pick" action="rand"> <input type="radio" name="dog" value="dog1">Dog1<br> <input type="radio" name="dog" value="dog2">Dog2<br> <input type="radio" name="dog" value="dog3">Dog3<br> <input type="radio" name="dog" value="dog4">Dog4<br> <input type="radio" name="dog" value="dog5">Dog5<br> </form> <br> <br> <input type="submit" id="submitjs" value="Gamble Native JavaScript" /> <input type="submit" id="submitjq" value="Gamble jQuery" /> <br> <p id="winner"> </p>