本题旨在创建一个具有及时反馈的选择题,当选完其中一个选项后,会有弹窗来提醒你选择的答案是正确还是错误的。
<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. beanutils通过SimpleProperty使用get或set方法赋值

    public class Employee { private String  firstName;    private String lastName;    public Employee() ...

  2. Code reviews and bad habits

    图文大话编程语言史 投递人 itwriter 发布于 2014-03-07 17:16 评论(2) 有298人阅读  原文链接  [收藏]  « » 英文原文:Code reviews and bad ...

  3. 如何使用MacVim

    如何使用MacVim 如何使用MacVim 如何使用MacVim呢? 命令模式 按下ESC 高效率移动 1.在插入模式之外 基本上来说,你应该尽可能少的呆在插入模式里面,因为在插入模式里面 VIM 就 ...

  4. Identity

    ThreadStatic应用(Identity补完)   关于Identity Identity自增序列/唯一断标识 起初做这个东西,是在一个内部组件中,用于在高并发的环境下得到一个较短的“相对”不重 ...

  5. twitter 授权过程

    转自:http://blog.csdn.net/yangjian8915/article/details/11816669 官方的流程图如下: 下面开始一步步讲解,如何获取最终的access_toke ...

  6. Controller 和 Action (2)

    Controller 和 Action (2) 继上一篇文章之后,本文将介绍 Controller 和 Action 的一些较高级特性,包括 Controller Factory.Action Inv ...

  7. Class org.apache.struts2.json.JSONWriter can not access a member of class oracle.jdbc.driver.Physica

    产生这个错误的原因是因为我的oracle数据库中有一个CLOB字段,查询出来的时候要转换为JSON而报错. Class org.apache.struts2.json.JSONWriter can n ...

  8. this关键字、访问修饰符、super关键字

    this关键字.访问修饰符.super关键字 Java关键字this只能用于方法方法体内,而且只能用在非静态方法内.当一个对象创建后,Java虚拟机(JVM)就会给这个对象分配一个引用自身的指针,这个 ...

  9. 设置共享文件夹,samba和chmod到底谁的权限大

    1,必备知识.已经知道的请跳过. 首先科普一下这两个东西:samba和chmod其实是完全不同层面的东西,一个是共享服务协议,一个是权限设置语句.但是他们有一个共同的用途:可以用来实现设置一个共享文件 ...

  10. lucene 查询+分页+排序

    lucene 查询+分页+排序 1.定义一个工厂类 LuceneFactory 1 import java.io.IOException; 2 3 import org.apache.lucene.a ...