<!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" xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Get radio values demo</title>
<script type="text/javascript">
var getRadioValues = function(){
var inputs = document.getElementsByTagName('input')
var values=""
for(i=0; i<inputs.length; i++) {
obj = inputs[i];
t = obj.getAttribute("type");
if(t=='radio' && obj.checked){
v = obj.getAttribute("value");
values += v;
}
}
return values;
}
</script>
</head>
<body>
<label><input type="radio" name="radio" value="0">不开通</label>
<label><input type="radio" name="radio" value="1" checked=checked>开通</label>
<label><input type="radio" name="radio1" value="0" checked=checked>允许</label>
<label><input type="radio" name="radio1" value="1">不允许</label>
<input type="button" onclick="alert(getRadioValues());" value="Get values" />
</body>
</html>
分享到:
相关推荐
原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
js 单选 radio切换div
js实现选择不同radio改变文本框编辑状态。多多指教。
js 特效 html 特效 Radio选择导航
php开发判断radio,此次应用在单选框中利用js判断。
js 特效 html 特效 Radio选择不同内容
验证radio未选中js
js实现checkbox的radio单选效果,且可取消选择
下面小编就为大家带来一篇js中获取jsp表单中radio类型的值简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
用JS实现的radio图片选择按钮效果,简单适用,适合新手。
上一文,介绍了vue.js动态添加、删除绑定的radio选项,本文介绍如何选中radio的某一项 绑定的数据和上文的model是一致的,选中radio或者checkbox需要注意的是: 不管<input type='radio checked='true''> 你...
Javascript获取被选中的Radio button的值或者文本。
javascript 获取 radio 选中值 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js选中radio document.consumerform.consumer_sex[0].checked=true; 下面是网上的一些补充资料,本人感觉还不错,...
获取radio选中后的值,这在提交页面经常会使用到的,在本文为大家介绍下不选择也能获取radio的值,具体实现如下,感兴趣的朋友可以参考下
该工程主要是通过jsp和radio控件,利用JavaScript技术,简单判断radio控件是否选中,并且获取radio控件的值
js 特效 html 特效 radio颜色选择器
用JS实现的radio图片选择按钮效果
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下: <!DOCTYPE HTML> <html> <head> <...
自定义 input radio 兼容ie6