zoukankan      html  css  js  c++  java
  • radio里面value值与其他字符进行比较

    本题旨在创建一个具有及时反馈的选择题,当选完其中一个选项后,会有弹窗来提醒你选择的答案是正确还是错误的。
    <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>
  • 相关阅读:
    BP神经网络的数学原理及其算法实现
    机器学习必知的10大算法
    支持向量机通俗导论(理解SVM的三层境界)
    svm算法 最通俗易懂讲解
    read/write/fsync与fread/fwrite/fflush的关系和区别
    ubuntu16.04编译QT5.6所依赖的库
    Linux下的tar压缩解压缩命令详解
    Ubuntu16下编译linux内核,报"mkimage" command not found错的解决
    Git之(一)Git是什么[转]
    mac上完整卸载删除:android studio方案
  • 原文地址:https://www.cnblogs.com/GUOZHENY/p/6066949.html
Copyright © 2011-2022 走看看