javascript节点题目

Question

1.节点的引用-练习题
小明正在做学校选课系统网站，大一新生有且只能选择一门体育课程，选修的课程如下：
排球，篮球，羽毛球，网球，足球，乒乓球，铅球，跳高，跳远。
用户点击提交按钮后，提示用户“您选择了xx体育课程，操作完成”。
试帮助他实现这一功能。
提示：html元素：radion button ；使用getElementsByName

2.节点的引用-练习题
小明正在做学校选课系统网站，大二学生可以选择2-4门体育课程，选修的课程如下：
排球，篮球，羽毛球，网球，足球，乒乓球，铅球，跳高，跳远。
用户点击提交按钮后，提示用户“您选择了xx、xx、xx体育课程，操作完成”。
如果用户选择的课程不在2-4这个范围内，提示用户“选择的课程数目，必须在2-4门之间，操作失败”。
试帮助他实现这一功能。
提示：html元素：checkbox button ；使用getElementsByTagName

Answer 1

<form id="rd">
排球<input type="radio" name="action" value="排球" />
篮球<input type="radio" name="action" value="篮球" />
羽毛球<input type="radio" name="action" value="羽毛球" />
网球<input type="radio" name="action" value="网球" />
足球<input type="radio" name="action" value="足球" />
乒乓球<input type="radio" name="action" value="乒乓球" />
铅球<input type="radio" name="action" value="铅球" />
跳高<input type="radio" name="action" value="跳高" />
跳远<input type="radio" name="action" value="跳远" />
<input type="button" value="完成" onclick="a()" />
</form>
<form id="cb">
排球<input type="checkbox" name="action" value="排球" />
篮球<input type="checkbox" name="action" value="篮球" />
羽毛球<input type="checkbox" name="action" value="羽毛球" />
网球<input type="checkbox" name="action" value="网球" />
足球<input type="checkbox" name="action" value="足球" />
乒乓球<input type="checkbox" name="action" value="乒乓球" />
铅球<input type="checkbox" name="action" value="铅球" />
跳高<input type="checkbox" name="action" value="跳高" />
跳远<input type="checkbox" name="action" value="跳远" />
<input type="button" value="完成" onclick="b()" />
</form>
<script type="text/javascript">
function a(){
var input = document.getElementById("rd").getElementsByTagName('input'),i=0;
for(; i<input.length;i++)
if(input[i].checked)
alert("您选择了"+input[i].value+"体育课程，操作完成");
}
function b(){
var input = document.getElementById("cb").getElementsByTagName('input'),i=0,rel=[],a='';
for(; i<input.length;i++)
if(input[i].checked)
rel.push(input[i]);
if(rel.length<2 || rel.length >4)
alert("选择的课程数目，必须在2-4门之间，操作失败");
else
alert("您选择了"+rel[0].value+'、'+rel[1].value+'、'+(a=rel[2]?(rel[2].value+'、'):'')+(a=rel[3]?(rel[3].value+'、'):'')+"体育课程，操作完成");
}
</script>