我现在遇到一个比较棘手的问题: 使用梅花雪生成树状结构,在树状结构节点中我加了个单选框按钮,jsp如下:
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>梅花雪tree单选按钮问题</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
  </head>
<script language="JavaScript"src="js/MzTreeView10.js"></script>
<style>
A.MzTreeview
{
  font-size: 9pt;
  padding-left: 3px;
}
</style>
<script language="JavaScript">
  var tree = new MzTreeView("tree");
  var tree = new MzTreeView("tree");tree.setIconPath("tree/");
  tree.nodes["0_1"] = "text:WEB 编程";
  tree.nodes["1_100"] = "text:代码示例; data:id=100"; 
  tree.nodes["1_200"] = "text:梅花雪脚本控件集; data:id=200";
  tree.nodes["1_310"] = "text:CSS; icon:css; data:id=310"; 
  tree.nodes["1_320"] = "text:DHTML; data:id=320"; 
  tree.nodes["1_300"] = "text:HTML; data:id=300"; 
  tree.nodes["1_400"] = "text:JavaScript; icon:book; data:id=400";
  tree.nodes["320_324"] = "text:<input type='radio' name='rad' id='3' value='3' onclick='do1(3)'>事件;"; 
  tree.nodes["320_325"] = "text:<input type='radio' name='rad' id='4' value='4' onclick='do1(4)'>集合;"; 
  tree.nodes["400_407"] = "text:对象; data:id=407"; 
  tree.nodes["400_406"] = "text:方法; data:id=406"; 
  tree.nodes["400_408"] = "text:运算符; data:id=408"; 
  tree.nodes["400_409"] = "text:属性; data:id=409"; 
  document.write(tree.toString());    //亦可用 obj.innerHTML = tree.toString();
</script>
  <body>
   <!--  body中的单选框:<input type="radio" name="rad" id="5" onclick='do1(5)'><input type="radio" name="rad" id="6" onclick='do1(6)'> -->
  </body>
</html>
<script language="JavaScript">
function do1(id){
var a = document.getElementsByName("rad");//这个是取得页面中所有单选按钮的对象集合
alert(1);
for(var i=0;i<a.length;i++){
alert("i="+i);//依次循环每个单选按钮对象
if(a[i].checked==true){ //判断当前单选框是否选中,选中
if(a[i].value==document.getElementById(id).value){//根据id获取所选对象的value值,判断单选框是我想选中,设置选中状态true
alert(3);
a[i].checked=true;
}else{//若当前单选框选中,但并不是我想选中的,将其原选中状态去除。
alert(4);
a[i].checked=false;
}
}else{//不选中
if(a[i].value==document.getElementById(id).value){
alert(5);
a[i].checked=true;
}else{
alert(6);
a[i].checked=false;
}
}
}
}
</script>现在使用梅花雪,出现了问题,单选框选不中,请高手赐教!!