单击按钮时,如何在警报框中显示选择?(使用Javascript)
How to display the selections in an alert box when the button is clicked? (with Javascript)
我做了一个带有一些选项的下拉菜单,然后放了两个标签为"a"answers"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>
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/
使用jQuery:
function myFunction() {
var team = $('#team').val(),
result = $('input[name=gender]:checked').val(),
output = result
? team + ' ' + result
: 'Select team and result!';
alert(output);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="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 onclick="myFunction()">click</button>
<p id="demo"></p>
首先,给您选择一个ID:
<select id="country">
然后,使用这个函数,它收集值并显示Alert:
function myFunction() {
genderIs="unselected";
if (document.getElementById('win').checked) {
genderIs = document.getElementById("win").value;
}
if (document.getElementById('lose').checked) {
genderIs = document.getElementById("lose").value;
}
countryIs = document.getElementById("country").value;
alert ("Gender: " + genderIs + "'nCountry: " + countryIs);
}
还有一件事。。。您的Select应该在表单内。没有理由在表单外。
这是一把小提琴,只是因为。。。
相关文章:
- 根据用户从下拉列表中的选择显示多个文本框
- 根据页面加载时的单选按钮选择显示某些字段
- 根据组合框选择显示特定数据
- 从项目列表Jquery中仅选择(显示:块)元素
- 根据用户复选框选择显示或隐藏下拉框
- 根据以前的选择显示选择选项
- 如何选择显示值而不是value选项
- 根据asp.net中下拉框中的选择显示文本框
- 根据单选按钮的选择显示HTML表单
- 缩小后的大图像上的Jcrop圆形选择显示预览选择区域中的全尺寸图像
- 按数字选择显示输入
- 基于下拉选择显示/隐藏控件mvc 4 razor c#
- 角度选择显示名称和项目
- 获取值并根据用户在 Javascript 上的选择显示
- 根据选择显示表格/表单
- 根据下拉选择显示文本
- 为什么选择显示显示值而不是标签
- 多个文本字段,根据单选选择显示/隐藏(Html,JS)
- 基于多个单选按钮选择显示或隐藏元素
- 根据在选择框中所做的选择显示文本