js 实现选择题

JavaScript012

js 实现选择题,第1张

这问题太麻烦，我完成了你说的功能，里面的格式和布局自己调吧。 <HTML><HEAD><TITLE>js编辑选择题</TITLE><SCRIPT language="JavaScript">function show() { var str = ""str = str + panduan("wenti1", 1, "第一题回答")str = str + panduan("wenti2", 0, "第二题回答")alert(str)} function panduan(name, daan, xinxi) { var jieguo = ""var jieguo1 = document.getElementsByName(name)if (jieguo1[daan].checked == true) { jieguo = jieguo + xinxi + "正确。\n"} else { jieguo = jieguo + xinxi + "错误。\n"} return jieguo} </SCRIPT></HEAD><BODY> <FORM name="myForm">第1题 <br>《越狱》的男主角叫什么名字？<br><input type="radio" name="wenti1" />A Wentworth Miller <BR><input type="radio" name="wenti1" />B Michael Scofield <BR><input type="radio" name="wenti1" />C Lincoln Burrows <BR><input type="radio" name="wenti1" />D Sara Tancredi <BR><BR><BR>第2题 <br>《越狱》女主角是谁的女儿？<br><input type="radio" name="wenti2" />A Tancredi州长 <BR><input type="radio" name="wenti2" />B D.B.Cooper <BR><input type="radio" name="wenti2" />C 监狱长Pope <BR><input type="radio" name="wenti2" />D 剧情没有介绍 <BR><INPUT TYPE="button" onclick="show()" value="提交"> </FORM></BODY></HTML>

有很多方法可以实现，不过要看你的具体需求，一般可以做成两类题目，选单选的时候显示单选的题目，多选的时候显示多选的题目；如果是想同一个题目变换单选和多选的话可以用Jquery来操作单选和多选的HTML：

首先在选项上绑定事件，然后在事件中获取当前选择的是单选还是多选，然后通过类选择器或者标签选择器来获取选项前面的选择按钮组，用循环进行遍历拿到每一个单选/多选按钮，然后用append()方法在拿到的按钮后面添加要变换的按钮，最后把拿到的按钮删掉。

思路就是这样，具体代码需要的话可以后面再贴上。