18.4 多选考试题.htm

来自「这是一些常用的JavaScript的特效的源码和教程」· HTM 代码 · 共 52 行

HTM
52
字号
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<Script Language="javascript">
  function selectV(obj)
  {
       try{ 
           var oTd = obj.parentElement;                                     //获取表格的列
           var oTr = oTd.parentElement;                                     //获取表格的行
           var oTable = oTr.parentElement;                                  //获取表格
           var oTd_Answer = oTable.rows[oTr.rowIndex-1].cells[0].innerText;   //获取问题答案所在的单元格内容
           var oBegin = oTd_Answer.indexOf("(") + 1;                       //获取(所在的位置
           var str = '';
           for(var i=0;i<oTd.children.length;i++){                          //遍历问题选项
               if(oTd.children[i].tagName=='INPUT' && oTd.children[i].checked){//如果选中
                  str += oTd.children[i].value;                                 //输出value值
               }
           }                                                                    //输出结束符号)
           oTable.rows[oTr.rowIndex-1].cells[0].innerText = oTd_Answer.substring(0,oBegin) + str + ')';
       }catch(error){
           window.alert(error.description);                                 //显示错误信息
       }
  }
</Script>
</head>
<body>
<table>
     <tr>
         <td>1.你喜欢的国家()</td>
     </tr>
     <tr>
         <td>
             <input type="checkbox" value="A" onclick="selectV(this);">A、北京<br>
             <input type="checkbox" value="B" onclick="selectV(this);">B、东京<br>
             <input type="checkbox" value="C" onclick="selectV(this);">C、纽约<br>
             <input type="checkbox" value="D" onclick="selectV(this);">D、韩国
         </td>
    </tr>
     <tr>
         <td>2.你喜欢的颜色()</td>
     </tr>
     <tr>
         <td>
             <input type="checkbox" value="A" onclick="selectV(this);">A、黑色<br>
             <input type="checkbox" value="B" onclick="selectV(this);">B、白色<br>
             <input type="checkbox" value="C" onclick="selectV(this);">C、红色<br>
             <input type="checkbox" value="D" onclick="selectV(this);">D、蓝色
         </td>
    </tr>
</table></body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?