11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格...

1.jquery取复选框的值

<!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=utf-8" />
<title>无标题文档</title>
<!--引入jquery包-->
<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->
<style type="text/css">
</style>
</head>
<body>
<input type="checkbox" value="01" class="ck" />
<input type="checkbox" value="02" class="ck" />
<input type="checkbox" value="03" class="ck" />
<input type="checkbox" value="04" class="ck" />
<input type="checkbox" value="05" class="ck" />
<input type="button" value="取选中" id="btn" />

<script type="text/jscript">
//取复选框的选中值
$("#btn").click(function(){var ck = $(".ck");for(var i=0;i<ck.length;i++){//判断选中/*if(ck[i].checked){alert(ck[i].value);//js方法}*/if(ck.eq(i).prop("checked"))//prop判断是否选中
            {alert(ck.eq(i).val());}}})
</script>

</body>
</html>

2.取下拉列表里面的属性值

<!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=utf-8" />
<title>无标题文档</title>
<!--引入jquery包-->
<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->
<style type="text/css">
</style>
</head>
<body>
<select id="sel"><option value="1111">1111</option><option value="2222">2222</option><option value="3333">3333</option>
</select>
<input type="button" value="取下拉" id="b1" />

<script type="text/jscript">$("#b1").click(function(){alert($("#sel").val());})
</script>

</body>

</html>

3.取单选钮的属性值

<!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=utf-8" />
<title>无标题文档</title>
<!--引入jquery包-->
<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->
<style type="text/css">
</style>
</head>
<body>
<input class="ck" type="radio" value="01" class="rd" name="a" />
<input class="ck" type="radio" value="02" class="rd" name="a" />
<input class="ck" type="radio" value="03" class="rd" name="a" />
<input class="ck" type="radio" value="04" class="rd" name="a" />
<input class="ck" type="radio" value="05" class="rd" name="a" /><input type="button" value="取单选" id="b2" />

<script type="text/jscript">$("#b2").click(function(){var ck = $(".ck");for(var i=0;i<ck.length;i++){if(ck.eq(i).prop("checked"))//prop判断是否选中
            {alert(ck.eq(i).val());}}})
</script>

</body>
</html>

4.jquery做全选按钮

<!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=utf-8" />
<title>无标题文档</title>
<!--引入jquery包-->
<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->
<style type="text/css">
</style>
</head>
<body>
<input type="checkbox" id="qx" />全选
<input type="checkbox" value="01" class="ck" />
<input type="checkbox" value="02" class="ck" />
<input type="checkbox" value="03" class="ck" />
<input type="checkbox" value="04" class="ck" />
<input type="checkbox" value="05" class="ck" />

<script type="text/jscript">$("#qx").click(function(){/*if($(this)[0].checked){$(".ck").attr("checked","checked")}else{$(".ck").removeAttr("checked");}*///标记的这段代码中存在bug，不能用来做全选，要记住。用下面2行代码。var xz = $(this).prop("checked")//xz接收的值是true（选中）或者flase（未选中）$(".ck").prop("checked",xz)//如果是选中，就是true
        })</script>

</body>
</html>

5.js或jquery里面有数据存储方式

　　存储数据的名字叫做JSON

var json = {code:"n001",name:"张三",js:{c:"p001",n:"回族"}};//定义方式。定义比较随便，可以往里面放任意数据。//取值//alert(json.code)//取值方式//alert(json.js.n)//alert(json["name"])

6.去空格

var str= "    hello ";
str = str.trim();//不加取空格输出的长度是10，包含空格的长度。去掉空格输出的长度为5.
alert(str.length)

转载于:https://www.cnblogs.com/xiaofox0018/p/6049669.html

11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格...相关推荐

区块链城市 CityDAO-元宇宙的雏形 |号外:11月23日下午数据觉醒元宇宙圆桌论坛...
本文转自澎湃新闻<最激进的CityDAO,为何吸引V神进入社区关注?> https://m.thepaper.cn/baijiahao_15328475 国内的章愳(ZOOJOO)参与了 ...
计算机李长云,11月14日下午_李长云教授应邀作考研专题讲座_学术动态_湖南交通工程学院...
本网讯(通讯员摄影李建华)为进一步激发同学们的考研热情,更好地解答有关研究生报考的相关问题,11月14日下午,学校特邀湖南工业大学研究生院院长李长云教授在学生食堂三楼学术报告厅作考研专题讲座.校长章怀 ...
11月4日下午：植物保护高端论坛（白洋、韦中）
报告题目一:The Interaction Between Plants and Root Microbiota in Arabidopsis and Rice 报告题目二:青枯菌多态性及其根际精准阻 ...
11月7日云栖精选夜读：阿里巴巴风鸣：做技术Leader要有危机意识
点击有惊喜真是不知道.在阿里巴巴集团安全部竟然有这么一对儿,像极了"史密斯夫妇".唯一的不同是,今天咱们要开八这一对儿是写代码的,电影中的那对儿是玩枪的. 热点热议阿里巴巴风鸣 ...
【直播预告 | 阿里云 CDP 公开课】11月25日下午14点准时开讲
简介:扫描海报上的钉钉群二维码入群,线上观看直播,还可以与来自阿里云和 Cloudera 的技术专家交流~ 背景介绍 CDP(Cloudera Data Platform)是 Cloudera 和 H ...
面试经历---广州多益网络（2015年11月5日下午）
广州多益网络是一家做网络游戏的公司,公司地址竟然在萝岗那边,好远哦,而且交通不太方便,哥从天河这边过去,足足转了三趟公交,花了两个半小时才到那个鬼地方. HR先给我一份笔试题,总共八道题,哥现在只记得 ...
良哥于11月23日下午经典语录!!哇哈,我想笑
欲知前后详情,咱详聊.亲们,我着急逛街去咯,闪咯!~~! 良哥说:"我不是善良的良,是良好的良!" 良哥说:"我感觉自己还不够狠!" 良哥说:"你又不 ...
面试经历---YY欢聚时代（2015年11月21日上午初试、25日下午复试）
YY欢聚时代一年多前去面试过一次,当时鄙视了,在现在的公司呆了1年半了,感觉做得很不爽,而且薪资又不满意,所以想找个新工作,就想去YY面试. 下面将两次YY面试的经历写出来,包括一次初试和一次复试的面 ...
广州.NET俱乐部活动通知(11月17日)
本周六(2007年11月17日)下午我们将在广州微软office(中信大厦66楼)举行主题为<手握VS2008.肩扛Silverlight.迎战S+S>讲义活动,届时将有微软工作人员.MV ...

11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格...

11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格...相关推荐

最新文章

热门文章