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

    public static void HttpDown(string fileName, System.Web.UI.Page p_Page,string floder) { string path ...

  2. asp.net mvc请求响应模型原理回顾

    根据讲师所讲总结了一下(可能存在些描述错误) -------------mvc进入asp.net管道原理: (在执行httpapplication管道之前mvc和asp.net是相同的,不同之处在于管 ...

  3. gulp package.json

    { "name": "gulpAngular1", "version": "0.0.0", "dependen ...

  4. 释放c盘空间

    Win7的系统引导盘用着用着会越来越小.怎么办呢?我以前在网上查过资料,说是找个工具加大C盘.我加了,从原来的20G加到现在的35G.用了一段时间后,空间又只剩几百M了.难道又要加?? 后来,在网上找 ...

  5. cocos2d(背景图片循环滚动)

    背景图片循环滚动 使用action 实现的: 主要有两个背景图片交替循环滚动:我选的两个背景图片的宽度都是1024的 ,所以定义了#define BGIMG_WIDTH 1024 代码如下: 在Hel ...

  6. 分析Sizzle引擎 - 词法解析

    分析Sizzle引擎 - 词法解析 声明:本文为原创文章,如需转载,请注明来源并保留原文链接Aaron,谢谢! 浏览器从下载文档到显示页面的过程是个复杂的过程,这里包含了重绘和重排.各家浏览器引擎的工 ...

  7. jQuery获取checkbox选中项等操作及注意事项

    jQuery获取checkbox选中项等操作及注意事项 今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下 ...

  8. nosql和关系型数据库比较?

    nosql和关系型数据库比较? 优点: 1)成本:nosql数据库简单易部署,基本都是开源软件,不需要像使用oracle那样花费大量成本购买使用,相比关系型数据库价格便宜 2)查询速度:nosql数据 ...

  9. DES加密解密 与 Cookie的封装(C#与js互相加密解密)

    2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)   这次实现了JS端的DES加密与解密,并且C#端也能正确解析DES的密文(反之也实现了) 使用的代码如下,非常方 ...

  10. ToList<>()所带来的性能影响

    ToList<>()所带来的性能影响  前几天优化师弟写的代码,有一个地方给我留下很深刻的印象,就是我发现他总是将PLINQ的结果ToList<>(),然后再返回给主程序,对于 ...