本题旨在创建一个具有及时反馈的选择题,当选完其中一个选项后,会有弹窗来提醒你选择的答案是正确还是错误的。
<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. sql语句 面试题

    ql语句 面试题   自动编号   学号   姓名 课程编号 课程名称 分数 1        2005001  张三  0001      数学    69 2        2005002  李四 ...

  2. TFS二次开发、C#知识点、SQL知识

    TFS二次开发.C#知识点.SQL知识总结目录   TFS二次开发系列 TFS二次开发系列:一.TFS体系结构和概念 TFS二次开发系列:二.TFS的安装 TFS二次开发系列:三.TFS二次开发的第一 ...

  3. IOS7学习之路三(UISpriteKit游戏开发SKNode)

    ios7新添加了自己的游戏开发框架UISpriteKit ,可以用此做一些2D的小游戏, 今天学习了一下SKNode的知识做一下笔记,以便以后查阅. 1.SKNode继承自UIResponder. 2 ...

  4. Bundles

    Bundles 接着在Global.asax文件的Application_Start方法中调用BundleConfig.RegisterBundles方法: protected void Applic ...

  5. Web Api初试

    Web Api初试 前言 ASP.NET Web API 与之前的内建HTTP服务解决方案的不同之处在于,它一开始就是围绕HTTP协议及其消息语义构建起来的.与WCF REST或ASP.NET AJA ...

  6. C Socket初探

    C Socket初探 前段时间写了个C# Socket初探,这次再写个C语言的Socket博文,运行效果如下: 实现步骤: 1. Server端 #include <stdio.h> // ...

  7. txt文件保存问题

    今天终于解决了文件的保存问题,之前删除文件,再保存,发现删除的内容还是在文件中. 这是因为保存内容时,是将数组内容一行一行覆盖原来的内容,没有覆盖到的还是保存在文件内. 我用的是CFile类 所以直接 ...

  8. Winform 让跨线程访问变得更简单

    Winform 让跨线程访问变得更简单 前言 由于多线程可能导致对控件访问的不一致,导致出现问题.C#中默认是要线程安全的,即在访问控件时需要首先判断是否跨线程,如果是跨线程的直接访问,在运行时会抛出 ...

  9. web register/validation/login system flowchart

    I spent several days on building a system about this. And make it work well with serveral thousand l ...

  10. MFC 数据库编程 增删改查的一个例子

    1.先看下效果图: 主界面: 一个最简单的1对多的表,一张Article(文章)表,一张Category(类别)表.有添加,修改,删除文章按钮.点击类别编辑按钮就会跳到第二个对话框.点击数据库配置就会 ...