本题旨在创建一个具有及时反馈的选择题,当选完其中一个选项后,会有弹窗来提醒你选择的答案是正确还是错误的。
<div id="text" style="display:none">1、“不积跬步,无以至千里”的古语说明( )
A.没有量的积累,不可能发生质变 B.在新质基础上量的扩展
C.事物发展是前进性和曲折性的统一 D.事物发展的无限性 </div>
<script>
var text = document.getElementById("text").innerHTML;
var title_start = text.indexOf(1); var A_start = text.indexOf("A.");
var Title = text.substr(title_start,A_start-title_start); var B_start = text.indexOf("B.");
var A_option = text.substr(A_start,B_start-A_start); var C_start = text.indexOf("C.");
var B_option = text.substr(B_start,C_start-B_start); var D_start = text.indexOf("D.");
var C_option = text.substr(C_start,D_start-C_start); var D_option = text.substr(D_start,text.length);
document.writeln('<p>'+Title+'</p><br/>');
document.writeln('<label><input type="radio" onClick="change()" name="a" value="A"/>'+A_option+'</label><br/>');
document.writeln('<label><input type="radio" onClick="change()" name="a" value="B"/>'+B_option+'</label><br/>');
document.writeln('<label><input type="radio" onClick="change()" name="a" value="C"/>'+C_option+'</label><br/>');
document.writeln('<label><input type="radio" onClick="change()" name="a" value="D"/>'+D_option+'</label><br/>');
function change(a)
    {
var chkObjs = document.getElementsByName("a");
把name值为"a"的radio全部定义给chkobj
var chk;
定义一个变量待会儿会赋值给他
for(var i = 0; i < chkObjs.length; i++)
  {
if(chkObjs[i].checked)
         {
chk = i;
break;
    }
  }
定义变量i来确认哪个radio是已选的,这里是难点,以后要学会逐渐用编程的思想来等价转换现实思想,比如本题找一个有特征的元素,利用变量i与之扯上关系。
if ( chkObjs[chk].value=="A")这里的value其实挺蒙的,居然可以这样,以后记住。
{
alert("恭喜你回答正确!");
}
else { alert("再考虑考虑。");
}
}
</script>

radio里面value值与其他字符进行比较的更多相关文章

  1. Struts2 用 s:if test 判断String类型的对象属性值和单字符是否相等的问题

    Struts2 用 s:if test 判断String类型的对象属性值和单字符是否相等的问题   首先,这里所指的单字符形如:Y,男. 有两种做法: a. <s:if test='news.s ...

  2. Jquery 获取 radio/select选中值

    Radio <input type="radio" name="rd" id="rd1" checked="checked& ...

  3. jquery 获取radio选中的值

    如下案例:常用方法 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked" ...

  4. Jquery操作单选按钮(Radio)的取值赋值实现代码

    1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $ ...

  5. html中radio,checkbox值的获取、赋值、注册事件

    1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 代码如下: <span>group1:</span> <input type=" ...

  6. 与元素类型 "item" 相关联的 "name" 属性值不能包含 '<' 字符。

    Android Studio 打包时,报错: 与元素类型 "item" 相关联的 "name" 属性值不能包含 '<' 字符. 这个问题自己百度也没有发现 ...

  7. jQuery如何获得select选中的值?input单选radio选中的值

    jQuery取得select选中的值 本来以为jQuery("#select1").val();是取得选中的值, 那么jQuery("#select1").te ...

  8. 单选按钮(radio)的取值和点击事件

    笔记走一波:获取单选按钮(radio)的选中值,以及它的点击事件的实现 首先要引入Jquery <script type="text/javascript" src=&quo ...

  9. jquery怎么获取radio选中的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. Linq to NHibernate入门示例

    Linq to NHibernate入门示例 NHibernate相关: 09-08-25连贯NHibernate正式发布1.0候选版 09-08-17NHibernate中一对一关联的延迟加载 09 ...

  2. NFC高级

    高级 NFC 本文档介绍了高级的NFC主题,如各种标签技术,NFC标签写入和前台发布,它允许即使当其他应用程序过滤器相同的时候,应用程序在前台处理Intent. Tag技术支持工作 当使NFC Tag ...

  3. 字符串的使用(string,StringBuffer,StringBuilder)

    String中==与equals的区别:==比较字符串中的引用相等equals比较字符串中的内容相等(因为字符串有重写equals方法) string常用的方法 返回类型 方法 操作功能 Char c ...

  4. .net实现依赖注入

    .net实现依赖注入 1. 问题的提出 开发中,尤其是大型项目的开发中,为了降低模块间.类间的耦合关系,比较提倡基于接口开发,但在实现中也必须面临最终是“谁”提供实体类的问题.Martin Fowle ...

  5. twisted学习笔记 No.2 WebServer

    原创博文,转载请注明出处. 当服务器接收到一个客户端请求后,会创建一个请求对象并传递到资源系统,资源系统会根据请求路径分发到相应的资源对象,资源被要求渲染自身并返回结果到客户端. 解析HTTP Req ...

  6. python实现变参

    使用赋值表达式传递参数,可以颠倒参数列表的顺序.函数的参数提供默认参数 参数可以是变量,也可以是元祖.列表等内置的数据结构 在程序开发中,常常需要传递可变长度的参数.在函数的参数前使用标识符“*”可以 ...

  7. Linux Shell脚本攻略

    -Linux Shell脚本攻略 总结的来说,这本书很实践性和实用性强,都是给的具体的例子,直接可以在终端操作实践,比单纯只看不动手务实多了,另外就是,这本书涵盖的内容也比较广,从文本操作到服务器管理 ...

  8. 10.26最后的模拟DAY2 改造二叉树[中序遍历+严格递增的最长不下降子序列]

    改造二叉树 [题目描述] 小Y在学树论时看到了有关二叉树的介绍:在计算机科学中,二叉树是每个结点最多有两个子结点的有序树.通常子结点被称作“左孩子”和“右孩子”.二叉树被用作二叉搜索树和二叉堆.随后他 ...

  9. Java并发性和多线程介绍

    java并发性和多线程介绍: 单个程序内运行多个线程,多任务并发运行 多线程优点: 高效运行,多组件并行.读->操作->写: 程序设计的简单性,遇到多问题,多开线程就好: 快速响应,异步式 ...

  10. jQuery Fancybox插件介绍

    下面介绍一款jquery图片播放插件叫Fancybox,项目主页地址:http://fancybox.net/ Fancybox的特点如下: 1.可以支持图片.html文本.flash动画.ifram ...