更改单选按钮的选项值来改变调查内容

来源:互联网 发布:百舌鸟导弹 知乎 编辑:程序博客网 时间:2024/06/03 12:28

<!doctype html>
<html>
<head>
<!--更改单选按钮的选项值来改变调查内容-->
<style>
</style>
<script>
function te1(){
var ta=document.getElementsByTagName("table");//获得HTML文档中的table元素的集合,传递的字符串可以不分大小写
var tab=ta[0];//获得table
var ra=document.getElementsByName("select");//获取单选按钮组合
if(ra[0].checked==true){//如果第一个单选按钮被选中
tab.rows[1].innerHTML="<td>喜欢的运动:</td><td><input type=\"checkbox\" name=\"hobby\" value=\"basket\">篮球<input type=\"checkbox\" name=\"hobby\" value=\"tennis\">网球<input type=\"checkbox\" name=\"hobby\" value=\"soccer\">足球</td>";//使用字符串时注意特殊的字符需要使用\进行转义
}
else{
tab.rows[1].innerHTML="<td>个人性格:</td><td><input type=\"checkbox\" name=\"character\" value=\"kailang\">开朗<input type=\"checkbox\" name=\"hobby\" value=\"neixiang\">内向<input type=\"checkbox\" name=\"character\" value=\"huopo\">活泼</td>";
}
}
</script>
<meta charset="UTF-8">
</head>
<body>
<table>
<tr>
<td>信息类型:</td><td><input type="radio" name="select" onclick="te1()" value="hobby" checked="checked">爱好调查&nbsp&nbsp<input type="radio" name="select" onclick="te1()" value="character">性格调查</td>
</tr>
<tr>
<td>喜欢的运动:</td>
<td><input type="checkbox" name="hobby" value="basket">篮球<input type="checkbox" name="hobby" value="tennis">网球<input type="checkbox" name="hobby" value="soccer">足球</td>
</tr>
</table>
</body>
</html>


阅读全文
0 0
原创粉丝点击