使用 JavaScript 验证单选按钮
Using JavaScript to Validate Radio Buttons
我正在尝试按照这个网站上的教程指南进行操作 http://homepage.ntlworld.com/kayseycarvey/jss3p11.html?
但是,在这样做时,我遇到了一些困难。即使我做了完全相同的事情。如果您知道,请指导我。以下是我所做的:
<html>
<script>
function GetSelectedItem() {
chosen = ""
len = document.f1.r1.length
for (i = 0; i <len; i++) {
if (document.f1.r1[i].checked) {
chosen = document.f1.r1[i].value
}
}
if (chosen == "") {
alert("No Location Chosen")
}
else {
alert(chosen)
}
}
</script>
<body>
<form name="f1">
<Input type = radio Name = r1 Value = "NE">North East
<Input type = radio Name = r1 Value = "NW">North West
<Input type = radio Name = r1 Value = "SE">South East
<Input type = radio Name = r1 Value = "SW">South West
<Input type = radio Name = r1 Value = "midlands">Midlands
</form>
</body></script>
</html>
附带说明一下,我是否必须对表单执行任何操作才能触发函数 GetSelectedItem ?提前感谢!
在单选按钮的onchange事件上添加GetSelectedItem ()函数
<input type="radio" onclick="GetSelectedItem()" value="NE" name="r1">
将onsubmit="javascript:GetSelectedItem();"
添加到form
标签中。
window.addEventListener('load', function () {
for (var i = 0; i < document.f1.r1.length; i++) {
document.f1.r1[i].addEventListener("click", GetSelectedItem);
}
}, false);
function GetSelectedItem() {
alert(this.value);
}
http://jsfiddle.net/udSbL/2/
试试这个
<input type="radio" onclick="autosubmit(this.value)" value="NE" name="r1">
<script type="text/javascript">
function autosubmit(value) {
window.location='update.php?radiovalue='+value;
}
</script>
更新.php
$rbtn=$_GET['radiovalue'];
//here your update query
相关文章:
- 客户端单选按钮列表验证
- 在单选按钮验证中同时显示错误消息
- javascript单选按钮验证,适用于chrome,不适用于IE
- 单选按钮验证:我可以验证它,但我不知道原因
- javascript中的单选按钮验证错误
- Javascript单选按钮验证错误弹出不到一秒钟,但不应消失
- 欧芹.js根据选定的单选按钮验证表单的各个部分
- 单选按钮验证错误
- JavaScript 中的 HTML 单选按钮验证问题
- AngularJS单选按钮验证
- 单选按钮验证
- 如何修复jQuery插件中的单选按钮验证
- Javascript单选按钮验证错误
- jQuery中的单选按钮验证
- jquery中的单选按钮验证
- 表单验证单选按钮验证
- 单选按钮验证不起作用
- 多组单选按钮验证javascript
- 动态增加单选按钮验证
- 单选按钮验证