<ul class="questions">
<li>
<div class="question">1、您的年龄是?</div>
<ul class="options">
<li data-score="5" data-option="A" data-question="1"><i></i>&nbsp;&nbsp;A、18-35岁</li>
<li data-score="4" data-option="B" data-question="1"><i></i>&nbsp;&nbsp;B、35-50岁</li>
<li data-score="3" data-option="C" data-question="1"><i></i>&nbsp;&nbsp;C、51-65岁</li>
<li data-score="2" data-option="D" data-question="1"><i></i>&nbsp;&nbsp;D、66岁以上</li>
</ul>
</li>
<li>
<div class="question">2、您的健康状况?</div>
<ul class="options">
<li data-score="10" data-option="A" data-question="2"><i></i>&nbsp;&nbsp;A、身体健康,没有患有过任何急慢性重大疾病</li>
<li data-score="8" data-option="B" data-question="2"><i></i>&nbsp;&nbsp;B、一年之前曾患急慢性重大疾病住院治疗,现已经完全康复</li>
<li data-score="6" data-option="C" data-question="2"><i></i>&nbsp;&nbsp;C、一年内曾患急慢性重大疾病住院治疗,现已经完全康复</li>
<li data-score="3" data-option="D" data-question="2"><i></i>&nbsp;&nbsp;D、患有急慢性重大疾病,正在接受治疗</li>
</ul>
</li>
<li>
</ul>
$('.options li').click(function (e) {
question1 = $(this).data('option');
alert("选项:"+question1);
alert("第几题:"+$(this).data('question'));
$(this).addClass('selected').siblings().removeClass('selected'); e.preventDefault();
});

ul li data-* 数据的读取的更多相关文章

  1. 动态获取ul,li的数据

    通过一个小例子讲下动态获取li标签的数据,前台页面原有样式: <div class="flone"> <ul class="fltwo"> ...

  2. html ul li 显示数据库

    方法1: function insert() { var str=""; var data="你的数据库数据"; str="<ul>< ...

  3. data-*存数据,拿出ul li中的数据

    <ul class="questions"> <li> <div class="question">1.您的年龄是?< ...

  4. jquery 动态添加和删除 ul li列表

    今天需要实现一个jquery动态添加和删除  ul li列表中的li行,自己简单的实现乐一个,分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

  5. Vue父子组件通信(父级向子级传递数据、子级向父级传递数据、Vue父子组件存储到data数据的访问)

    Vue父子组件通信(父级向子级传递数据.子级向父级传递数据.Vue父子组件存储到data数据的访问) 一.父级向子级传递数据[Prop]: ● Prop:子组件在自身标签上,使用自定义的属性来接收外界 ...

  6. html ul li的学习

    DIV+CSS里,我们用得最多的就是ul li来显示数据,如新闻按钮等. <div id="menu"> <ul> <li><a href ...

  7. 基于DIV+ul+li实现的表格(多示例)

    一个无序列表biaoge,前四个列表项我们赋予了类biaotou.因为这四个项是表格头部,应该与表格数据有所区别.所以单独赋予了类,可以方便控制.下面我们开始CSS代码的编写:由 www.169it. ...

  8. css案例学习之table tr th td ul li实现日历

    效果 代码 <html> <head> <title>Calendar</title> <style> <!-- .month { b ...

  9. SARscape5.2哨兵1A数据的读取

    SARscape5.2支持哨兵1A数据的读取,支持的数据类型有: SM SLC ——条带模式的斜距单视复数产品 IW SLC——干涉宽幅模式(TOPS Mode)的斜距单视复数产品 EW SLC——超 ...

随机推荐

  1. php 两次encodeURI,解决浏览器跳转请求页乱码报错找不到页面的bug

    Not Found The requested URL /index.php/XXX/mid/97329240798095910/bname/3000T/D/sname/水泥粉磨/un ...

  2. ANSI/ISO C 关键字(汇总)

    ANSI/ISO C 关键字 汇总: auto  break  case  char  const  continue  default  do  double  else  enum  extern ...

  3. Java Design Pattern(Factory,Singleton,Prototype,Proxy)

    一.Factory 设计模式: the most common pattern,create a new object ,eg. A a=new A();工厂模式的好处:工厂模式可以做到把创建对象单独 ...

  4. 虚拟机centos7 基础模板制作

    用于新模板制作,主要针对一些基本组件的安装 分区.安装不在此赘述 最小化安装centos7-minimal-1810 1.安装wget yum install wget -y 2.更换aliyun源 ...

  5. 【java线程】锁机制

    转载于:https://blog.csdn.net/vking_wang/article/details/9952063 http://www.infoq.com/cn/articles/java-m ...

  6. 比较推荐学习Linux系统应该看的书籍

    对于如何学习Linux,我想大家多多少少会有自己的一些想法--不管是学过Linux的还是没有学过Linux的.学习,对于我们来说,应该不是一件陌生的事:从小学开始,然后中学.大学.乃至于读硕读博,可以 ...

  7. Android Touch事件相关源码【Android SourceCode 2.3.6】

    2018-05-31 17:23:46 Note: 这里的源码来自Android 2.3.6,这个版本的代码比较简单,适合理解Touch事件的传递原理.后续版本源码复杂了很多,但是原理都是类似的. 2 ...

  8. 【转】 android5.1里面的user-app的默认权限设置!

    在 frameworks/base/services/core/java/com/android/server/AppOpsPolicy.java中:public boolean isControlA ...

  9. Python随笔--对象

    组合的用法:

  10. 列举至少3种Support包中提供的布局或工具

    android.support.v7.widget.CardView 继承自FrameLayout并实现了圆角和阴影效果,常用于ListView或RecyclerView中Item布局的根节点 示例代 ...