文档章节

JQuery判断radio单选框是否选中

big_cat
 big_cat
发布于 2015/03/10 11:28
字数 288
阅读 1146
收藏 0

在开发中我们往往需要对某单选框或复选框的选中状态做判断,看了看网上有的写的好麻烦好麻烦,最标准的也是最简单就是用is()来进行判断:

Jquery版本,请确保你已经导入jquery:

<div>
    <input type="radio" name="check" id="first">
    <input type="radio" name="check" id="second">
    <input type="radio" name="check" id="third">
</div>
<script type="text/javascript">
	$(function(){
	        //获取radio集
		$("input:radio[name='check']").change(function(){
		        //遍历radio集
			$("input:radio[name='check']").each(function(){
			        //当前radio是否为选中状态
				alert($(this).attr('id')+' is '+$(this).is(':checked'));
			});
		});		
	});
</script>

JS版本:

<div>
    <input type="radio" name="check" id="first">
    <input type="radio" name="check" id="second">
    <input type="radio" name="check" id="third">
</div>
<button onclick="checkStatus()">JS测试选中状态</button>
<!--js版本-->
<script type="text/javascript">
	function checkStatus(){
		var radios = document.getElementsByName('check');
		for(var i = 0; i < radios.length; i ++) {
			if(radios[i].checked) {
			    alert(radios[i].getAttribute('id')+' is checked!');
			} else {
			     alert(radios[i].getAttribute('id')+' is not checked!');
			}
		}
	}
</script>


© 著作权归作者所有

big_cat
粉丝 49
博文 237
码字总数 162865
作品 0
长宁
后端工程师
私信 提问
jquery radio取值,checkbox取值,select取值,radio选中,checkbo

一、jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var l......

乐派电影
2014/03/31
256
0
jquery 学习

1.常见的jquery 对象操作 jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相......

晨曦之光
2012/03/09
90
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
108
0
jQuery操作form input、select、checkbox、radio常用方法

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

youxizhe
2014/11/13
3.7K
0
jQuery获取Select选择的Text和Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

gymg
2012/10/10
199
2

没有更多内容

加载失败,请刷新页面

加载更多

总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
32分钟前
3
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
36分钟前
3
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0
JAVA 利用时间戳来判断TOKEN是否过期

import java.time.Instant;import java.time.LocalDateTime;import java.time.ZoneId;import java.time.ZoneOffset;import java.time.format.DateTimeFormatter;/** * @descri......

huangkejie
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部