谁知道怎么用js获取radio对象

轻弹浅唱 2011-11-18 09:02:20

单选按钮radio，一般都会有两个以上，如果客户没有选择的话，那怎么用javascript做非空判断，提示用户没选择任何按钮

...全文

568 22 打赏收藏转发到动态举报

写回复

用AI写文章

22 条回复

切换为时间正序

请发表友善的回复…

发表回复

hundanbaobao001 2011-11-18

打赏
举报

document.getElementsByName("radioName");

roffer 2011-11-18

打赏
举报



   var r_arr = document.getElementsByName('radioName');

   var num = 0;

   for(var k=0;k< r_arr.length;k++){

     if(r_arr[k].checked==true)num++;

   }

   if(num==0){

          //code..

   }

峭沙 2011-11-18

打赏
举报

[Quote=引用 16 楼 p2227 的回复:]谢谢提醒，不过我认为在本论坛提问的话最好一切从简…………
[/Quote]要简单的话，直接用jquery吧。。

if(!$(':radio[name=radioname]').is(':checked')){

alert("没有选择");

}

峭沙 2011-11-18

打赏
举报

[Quote=引用 14 楼 p2227 的回复:]
支持的，只是返回的值跟其他浏览器有点不一样
[/Quote]ie的getElementsByName()实现得不是一般的烂，我一直无视他，呵呵

p2227 2011-11-18

打赏
举报

[Quote=引用 15 楼 ifandui 的回复:]

引用 14 楼 p2227 的回复:
引用 13 楼 axiheyhey 的回复:

引用 12 楼 yc1172000 的回复:
需要这么复杂吗？？？
IE不支持getElementsByName()，自己写一个而已，这就复杂了？？
支持的，只是返回的值跟其他浏览器有点不一样

document.getElementById('div1').getElementsByName(……
[/Quote]谢谢提醒，不过我认为在本论坛提问的话最好一切从简…………

默默不得鱼 2011-11-18

打赏
举报

[Quote=引用 14 楼 p2227 的回复:]
引用 13 楼 axiheyhey 的回复:

引用 12 楼 yc1172000 的回复:
需要这么复杂吗？？？
IE不支持getElementsByName()，自己写一个而已，这就复杂了？？
支持的，只是返回的值跟其他浏览器有点不一样
[/Quote]
document.getElementById('div1').getElementsByName('aa')这样写是不支持的
那位兄弟写个getElementsByName是为了解决这个问题

p2227 2011-11-18

打赏
举报

[Quote=引用 13 楼 axiheyhey 的回复:]

引用 12 楼 yc1172000 的回复:
需要这么复杂吗？？？
IE不支持getElementsByName()，自己写一个而已，这就复杂了？？
[/Quote]支持的，只是返回的值跟其他浏览器有点不一样

峭沙 2011-11-18

打赏
举报

[Quote=引用 12 楼 yc1172000 的回复:]
需要这么复杂吗？？？
[/Quote]IE不支持getElementsByName()，自己写一个而已，这就复杂了？？

轻弹浅唱 2011-11-18

打赏
举报

[Quote=引用 10 楼 axiheyhey 的回复:]
这个是兼容IE的

HTML code

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form id="myform" name="myform">
<label>
<input type="radio" name="radio-test" value="test1" />
……
[/Quote]
需要这么复杂吗？？？

轻弹浅唱 2011-11-18

打赏
举报

诸位的办法我都试了，怎么一个都不管用呢

峭沙 2011-11-18

打赏
举报

这个是兼容IE的

<!DOCTYPE html>

<html>

<head>

</head>

<body>

	<form id="myform" name="myform">

		<label>

			<input type="radio" name="radio-test" value="test1" />

			<span>Test1</span>

		</label>

		<label>

			<input type="radio" name="radio-test" value="test2" />

			<span>Test2</span>

		</label>

		<input name="submit" type="submit" value="submit" />

	</form>

	<script>

		function getElementsByName(container, name){

			var result = [];

			var childrens = container.getElementsByTagName('*');

			for(var i = 0; i < childrens.length; i++){

				if(childrens[i].name === name){

					result.push(childrens[i]);

				}

			}

			return result;

		}

		document.myform.onsubmit = function(){

			var radios = getElementsByName(this, "radio-test");

			for(var i = 0; i < radios.length; i++){

				if(radios[i].checked){

					break;

				}

				if(i === radios.length - 1){

					alert("没有选择");

				}

			}

		}

	</script>

</body>

</html>

峭沙 2011-11-18

打赏
举报

<!DOCTYPE html>

<html>

<head>

</head>

<body>

	<form id="myform" name="myform">

		<label>

			<input type="radio" name="radio-test" value="test1" />Test1

		</label>

		<label>

			<input type="radio" name="radio-test" value="test2" />Test1

		</label>

		<input name="submit" type="submit" value="submit" />

	</form>

	<script>

		document.myform.submit.onclick = function(){

			var radios = document.getElementsByName("radio-test");

			for(var i = 0; i < radios.length; i++){

				if(radios[i].checked){

					break;

				}

				if(i === radios.length - 1){

					alert("没有选择");

				}

			}

		}

	</script>

</body>

</html>

Aquarius_T 2011-11-18

打赏
举报

[Quote=引用 3 楼 liujiebest 的回复:]
根据ID或者class获取被选中的radio按钮，并判断被选中按钮的数量是否等于零来判断。
jQuery

JScript code
var num=$("input[type=radio]:checked").length;
if(num==0){
alert("必须选中按钮！");
}
[/Quote]

这个有道理。

p2227 2011-11-18

打赏
举报

16楼

http://topic.csdn.net/u/20111116/14/6c71859e-d84a-4303-bedb-7f66e9aa2429.html

hp2008001 2011-11-18

打赏
举报

[Quote=引用 2 楼 dreamboom 的回复:]

更正一下：
是
JScript code
document.getelementsbyname();
[/Quote]

是document.getElementsByName("radioName");

hp2008001 2011-11-18

打赏
举报



var obj=document.getElementById("radioId");

for(var i in obj){

   if(obj[i].checked){

      alert("选中")

   }

}

默默不得鱼 2011-11-18

打赏
举报

alert($(":radio:checked").length)
=0 1个都没选
=1 选中1个
=2 选中2个

_懒猫 2011-11-18

打赏
举报

根据ID或者class获取被选中的radio按钮，并判断被选中按钮的数量是否等于零来判断。
jQuery

var num=$("input[type=radio]:checked").length;

if(num==0){

alert("必须选中按钮！");

}

dreamboom 2011-11-18

打赏
举报

更正一下：
是

document.getelementsbyname();

dreamboom 2011-11-18

打赏
举报



 var val=$('input:radio[name="radio"]:checked').val();

这个是jquery获取选中的

给radio起name



document.getElementByName("radioname").checked==null;

通过Node.js获取互联网广播流的详细信息。 Node.js模块以以下对象的形式从互联网广播流中获取“正在播放”信息： { listeners: '89', bitrate: '128', title: 'Die Antwoord - I Fink U Freaky', fetchsource: 'SHOUTCAST_V1' } 语法很简单： getStationInfo(url, callback, [method]); 安装 npm install node-internet-radio 该Node.js模块支持三种不同的方法来获取Internet广播流的电台详细信息。除了从原始音频流中获取细节外，所有其他信息都可以为您提供当前正在播放的曲目，比特率和听众数量。方法流源追踪比特率听众标头狂喊V1 StreamSource.SHOUTCAST_V1

表格参数到JS对象的GET或SET表单字段的jQuery插件。安装 bower install form-params 基本用法 < form id =" testForm " > < input name =" name " placeholder =" name " value =" tom "/> < input name =" surname " placeholder =" surname " value =" B "/> < input type =" checkbox " name =" optin " />Opt-In < br> < input type =" radio " name =" gender " value =" m " />M < input type =" radio " name =" gender " value =" f " />

每个题目绑定的题目结构如下json对象，每次动态添加选项就是将其加入了vue实例的某个数组对象中： vm.options.push({ id: "", text: "新选项", checked: false }); 现在对radio或者checkbox集合列表进行批量添加，这里使用到了textarea容器. textare每一行都是一条数据，它的内部是根据回车来区分(break-word自动换行不算)，每一行是一个对象，整体就是一个文本数组了，获取如下： var contents = $("#optionsArea").val().split("\n"); 获取到数组，他只是个文本数组

radio是form表单中非常常用的一种表单元素，对于radio的操作中，都是利用radio的checked属性，都是对radio的checked属性做操作。获取radio的选中值时，遍历radio按钮项，找到被选中（checked）的状态的那个按钮，然后返回其值；给radio赋值时，找到对应的按钮项，将其checked属性置为true即可。获取radio值 Method1 遍历

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章