单选按钮用法, 选择的值
2014-02-10 21:59
232 查看
如果没有选择的话,返回的值为 undefined
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>xxx</title>
<script>
/**
*state 的值为单选中 value
的值
*/
function test(form){
var i =
form.ok.length;
var state;
for(var j=0; j<i; j++){
if(form.ok[j].checked){
state = form.ok[j].value;
}
}
if(state == undefined){
alert("你没有选择!");
return false;
}
alert(state);
return
false;
}
</script>
</head>
<body>
<table
border="1" width="150">
<form name="myform" id="myform"
method="post" action="test.php">
<input type="radio" name="ok"
value="1" />aaaa<br />
<input type="radio" name="ok" value="2"
/>bbbb<br />
<input type="radio" name="ok" value="3"
/>cccc<br />
<button name="sub" onclick="return
test(myform)">Button</button>
</form>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>xxx</title>
<script>
/**
*state 的值为单选中 value
的值
*/
function test(form){
var i =
form.ok.length;
var state;
for(var j=0; j<i; j++){
if(form.ok[j].checked){
state = form.ok[j].value;
}
}
if(state == undefined){
alert("你没有选择!");
return false;
}
alert(state);
return
false;
}
</script>
</head>
<body>
<table
border="1" width="150">
<form name="myform" id="myform"
method="post" action="test.php">
<input type="radio" name="ok"
value="1" />aaaa<br />
<input type="radio" name="ok" value="2"
/>bbbb<br />
<input type="radio" name="ok" value="3"
/>cccc<br />
<button name="sub" onclick="return
test(myform)">Button</button>
</form>
</table>
</body>
</html>
相关文章推荐
- JSP动态选择单选按钮(男或女),通过JSTL实现
- html中<radio>单选按钮控件标签用法解析及如何设置默认选中
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- 单选按钮控件RadioButton(选择类控件)
- VC单选按钮控件(Radio Button)用法(转)
- jQuery操作单选按钮(radio)用法
- VC单选按钮控件(Radio Button)用法
- 下拉列表、单选按钮、复选框常用用法总结
- 选择屏幕——按钮、单选复选框
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- javascript 单选按钮 单击选中 双击取消选择实现代码
- VC单选按钮控件(Radio Button)用法
- VC单选按钮控件(Radio Button)用法
- 选择屏幕——按钮、单选复选框
- jQuery操作单选按钮(radio)用法
- VC单选按钮控件(Radio Button)用法
- 给单选按钮选择默认值以及获取单选按钮选择值
- 多组单选按钮的选择验证
- html基础 单选按钮 两组,默认选择
- 18. JAVA 图形界面 Part 2(JTextComponent、事件处理、单选按钮、复选框、列表框、下拉列表框、菜单组件、文件选择) ----- 学习笔记