javascript - 单击按钮时如何在警告框中显示选择？ (使用 JavaScript)

Question

我做了一个带有一些选项的下拉菜单，然后我放置了两个带有标签“a”和“b”的单选按钮。最后我有一个按钮...

我想问一下，我怎么才能连接所有这些？

我尝试根据您的选择来获得像德国输赢这样的结果。

<select>
    <option value="England">England</option>
    <option value="Germany">Germany</option>
</select>

<form action="demo_form.asp"> 
    <label for="win">win</label>
    <input type="radio" name="gender" id="win" value="win"><br>
    <label for="lose">lose</label>
    <input type="radio" name="gender" id="lose" value="lose"><br>
</form>
<button onclick="myFunction()">click</button>

<p id="demo"></p>

Answer 1

HTML -

<select class="team">
<option value="England">England</option>
<option value="Germany">Germany</option>
</select>

<form action="demo_form.asp"> 
  <label for="win">win</label>
  <input type="radio" name="gender" id="win" value="win"><br>
  <label for="lose">lose</label>
  <input type="radio" name="gender" id="lose" value="lose"><br>
  </form>
  <button class="click">click</button>

<p id="demo"></p>

JS-

$(".click").click(function(){
    var team = $(".team").val()
    var outcome = $("#win").is(":checked") ? "wins" : "loses"
    alert(team + " " + outcome + "!")
})

检查所选下拉列表的值，检查哪个单选按钮被选中，然后弹出一个显示结果的警告窗口

https://jsfiddle.net/t0uh81yL/1/