文档章节

多选jquery

紫盒子
 紫盒子
发布于 2016/11/07 18:21
字数 156
阅读 23
收藏 0
 <style>
     .duo { height:50px;}
	 .duo a { width:60px; height:30px; color:#000; display:inline-block;}
	 .on { border:1px solid#000;}
</style>

<div class="duo">
    <a>不限</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
  </div>
  <div class="duo">
    <a>不限</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
    <a>多选</a>
  </div>
$(".duo").each(function(){
      var that=$(this);
      $(this).children("a").click(function(){
        if($(this).index() == 0){
          that.children('a').removeClass('on');
          $(this).addClass('on');
        }else{
          that.children('a').eq(0).removeClass('on');
          $(this).toggleClass('on');
        }
      })
    })
var t1=document.getElementById('t1');
	var as=t1.getElementsByTagName('a');
	for (var i = 0; i < as.length; i++) {
		as[i].onclick=function(){
			
			alert(this.innerText);
		}
	}

 

© 著作权归作者所有

上一篇: 表单验证
下一篇: js换肤
紫盒子
粉丝 4
博文 16
码字总数 10068
作品 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
97
0
jquery 学习

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

晨曦之光
2012/03/09
78
0
jQuery对表单、表格的操作及更多的应用

jQuery对表单、表格的操作及更多的应用 1 表单应用 一个表单有3个基本组成部分。 (1) 表单标签:包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法 (2) 表单域:包含文本...

zhangda89
2011/10/07
426
0
网站开发进阶(五十三)浅谈JS、Ajax、JQuery之间的关系

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/82530844 网站开发进阶(五十三)浅谈JS、Ajax、JQuery之间的关系 在项目开发过...

孙华强
2018/09/08
0
0
UI 设计

UI设计 通过 jQuery,可以很容易地添加新元素/内容。 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: • append() - 在被选元素的结尾插入内容 • prepend() - 在被选元素...

Ryan小卫
2015/04/28
5
5

没有更多内容

加载失败,请刷新页面

加载更多

DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
31分钟前
1
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
今天
4
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
今天
6
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
今天
4
0
Python机器学习之数据探索可视化库yellowbrick

背景介绍 从学sklearn时,除了算法的坎要过,还得学习matplotlib可视化,对我的实践应用而言,可视化更重要一些,然而matplotlib的易用性和美观性确实不敢恭维。陆续使用过plotly、seaborn,...

yeayee
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部