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，迭代查找已选中的单选按钮。 See similar thread...

Answer 2

jQuery和Native JavaScript方法。随便挑选。

＆＃13;

$("#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!" ;
      }
}

＆＃13;

<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>

＆＃13;

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

2 个答案: