jquery查找checked属性的对象

原创 2013年12月04日 09:53:28

为了解决使用jquery如何查询radio和checkbox,select标签的对象,还有被选中的对象

 

<!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" />
<script src="lib/jquery-1.6.4.min.js" type="text/javascript"></script>
<style type="text/css">
.option{
	width:200px;
}
</style>
<script type="text/javascript">
$(document).ready(
	function(){
		$("#hobby_select_all").toggle(selectAll,unselectAll);
	}
);

function testHobby(){
//选择被选中而且类型为checkbox的对象
//$('input[@name=items][@checked]')好像查找不到对象
	$("input:checked[type=checkbox]").each(function(i,obj){
		alert($(this).val());
	});
}

function selectAll(){
//设置字符串也可以,但是全部不选的时候好像功能不能实现
	$("input[type=checkbox]").attr("checked",true);
}

function unselectAll(){
//如果设置的值为字符串,页面的效果可能显示不出来
	$("input[type=checkbox]").attr("checked",false);
}

function testSex(){
	$("input[type=radio]").each(function(i,obj){
		alert($(this).val());
	});
}

function testCheckedSex(){
		alert($("input:checked[type=radio]").val());
}

function testSelect(){
	alert($("select").val());
	//下面这种方式好像查找不到对象
	//alert($(".select").find('option:selected').html());
}

function resetValue(){
	$("select").val("2011");
	//$("select").val("2011");无效设置
}
</script>
<title>无标题文档</title>
</head>
<body>
<fieldset>
	<legend>爱好</legend>
	<input type="checkbox" name="hobby" value="basketball" checked>篮球
	<input type="checkbox" name="hobby" value="skiing">轮滑
	<input type="checkbox" name="hobby" value="music">唱歌
	<input type="checkbox" name="hobby" value="net_work">上网
	<br>
	<input type="button" value="遍历选中的" onclick="testHobby()">
	<input type="button" value="全选" onclick="selectAll()">
	<input type="button" value="全部不选" onclick="unselectAll()">
	
	<input type="checkbox" value="selectAll" id="hobby_select_all">全选
</fieldset>

<fieldset>
	<legend>性别</legend>
	<input type="radio" name="sex" value="boy">男
	<input type="radio" name="sex" value="girl">女
	<br>
	<input type="button" value="测试" onclick="testSex()"><br>
	<input type="button" value="测试已经选中的" onclick="testCheckedSex()">
</fieldset>

<fieldset>
	<legend>出生日期</legend>
	<select class="option">
		<option value="2007">2007</option>
		<option value="2008">2008</option>
		<option value="2009">2009</option>
		<option value="2010">2010</option>
		<option value="2011">2011</option>
	</select>
	<br />
	<input type="button" value="测试已经选中的" onclick="testSelect()">
	<input type="button" value="重新设置" onclick="resetValue()">
</fieldset>
</body>
</html>

 

jquery利用attr、prop方法获取、设置input的checked属性

在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr,需要的朋友可以参考下...
  • xiaouncle
  • xiaouncle
  • 2016年07月23日 00:16
  • 20548

通过attr(,)动态设置CheckBox的checked属性,会出现第二次设置cheked属性不起作用的情况

转载自:http://blog.csdn.net/xiaouncle/article/details/52001117 出现该问题时就要了解一下jquery利用attr、prop方法的区别 ...
  • ahou2468
  • ahou2468
  • 2017年04月21日 18:05
  • 2251

jquery中复选框checked属性

以前看书及学习的时候 认为复选框的checked属性设置就是用attr()方法设置checked的属性,看来知识还是停留在表面。我的确看《锋利的jQuery》时候敲过代码,但真的是没好好斟酌,知识没深...
  • CatherineZhang0815
  • CatherineZhang0815
  • 2015年07月01日 11:30
  • 2129

jQuery中attr()方法和prop()方法获取input的checked属性的区别

今天在使用checkbox中,通过attr()获取checked状态时发现显示的是undefined。后来改成了prop()方法却没问题。百度发现,使用jQuery的attr方法获取checked属性...
  • ChauncyWu
  • ChauncyWu
  • 2017年04月26日 14:04
  • 809

Jquery使用attr("checked")返回checked或undefined导致获取是否选中失效

Jquery中使用$('#cb').attr('checked')获取checkbox是否被选中, 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方...
  • tianya3530
  • tianya3530
  • 2017年01月04日 16:44
  • 798

关于Jquery获取对象的属性与值

1.获取对象的常用方法 $("*")  表示获取所有对象(一般都不会去使用) $("#XXX") ’获得 id=XXX 的元素对象(常用) $(".XXX") ’获得 class...
  • hsd2012
  • hsd2012
  • 2016年08月01日 18:20
  • 5957

jquery 1.6以后attr对于checked不起作用,其替代方法为prop

jquery 1.6以后attr对于checked不起作用,其替代方法为prop .prop() Categories: Attributes | Manipulation > General...
  • ever_snow
  • ever_snow
  • 2014年12月30日 12:01
  • 1907

jquery radio设置checked但按钮radio仍然没选中的js处理方式

今天在用jQuery设置表单radio的选中时遇到了radio 设置checked但按钮还是没选中的情况: 是否有父机构? ...
  • hongc93
  • hongc93
  • 2017年07月18日 16:15
  • 671

JQuery中根据属性或属性值获得元素(6种情况获取方法)

根据属性获得元素  1.比如要获取页面p标签中属性有id的元素  复制代码代码如下: $("p[id]").css("color","red");  根据属性值获得元素...
  • superit401
  • superit401
  • 2016年06月27日 20:45
  • 8129

radio设置属性checked属性不生效

在jquery中,通过点击事件设置radio的checked属性不生效。 1、html 微信签到用户抽奖 ...
  • tangxiujiang
  • tangxiujiang
  • 2017年12月03日 10:07
  • 177
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery查找checked属性的对象
举报原因:
原因补充:

(最多只允许输入30个字)