动态radio改为button,radio源码如下

<%@ page language="java" contentType="text/html;charset=GBK"%>
<%@ include file="taglibs.jsp"%><html>
<head>
<title>版面分类</title>
    <link href="/news.css" rel="stylesheet" type="text/css">
</head>
<script language="javascript">
function verifyValue(){
if(loadNewsForm.categoryId.checked)
{
loadNewsForm.submit();
return true;
}
for (var i = 0 ; i < loadNewsForm.categoryId.length ; i++)
{
if( loadNewsForm.categoryId[i].checked )
{
loadNewsForm.submit();
return true;
}
}
alert('请选择要查看的版面！');
return false;
}
function logout(){
logoutForm.submit();
}
</script>
<body>

<table width="500" align="center" cellpadding="1" bgcolor="#99CCCC">
<form name="loadNewsForm" action="loadNewsByCategory.do" method="POST"> 
<tr>
<td width="40%" colspan="2" align="center">
<p>欢迎，<bean:write name="login_user"/></p>
</td>
</tr>
<tr>
<td width="10%" align="center">
请选择
</td>
<td width="30%" align="center">
版面名
</td>
</tr>
<logic:iterate id="item" name="categories" indexId="index" scope="request">
<tr> <td width="10%" align="center">
<input type="radio" name="categoryId" value='<bean:write name="item" property="id"/>'>
</td> <td width="30%" align="center">
<bean:write name="item" property="name"/>
</td>
</tr>
</logic:iterate> <tr>
<td colspan="2" align="center">
<input type="button" value="查看" onClick="verifyValue();">
&nbsp;&nbsp;<input type="button" value="登出" onClick="logout();">
</td>
</tr>
</form>
<form name="logoutForm" action="logout.do" method="post"">
</form>
</table>
</body>
</html>

解决方案 »

  1.   

    L@_@K
    <html> 
    <head> 
    <title>版面分类 </title> 
        <link href="/news.css" rel="stylesheet" type="text/css"> 
    </head> 
    <script language="javascript"> 
    function verifyValue(){ 
    if(loadNewsForm.categoryId.checked) 
    { 
    loadNewsForm.submit(); 
    return true; 
    } 
    for (var i = 0 ; i < loadNewsForm.categoryId.length ; i++) 
    { 
    if( loadNewsForm.categoryId[i].checked ) 
    { 
    loadNewsForm.submit(); 
    return true; 
    } 
    } 
    alert('请选择要查看的版面！'); 
    return false; 
    } 
    function logout(){ 
    logoutForm.submit(); 
    } 
    </script> 
    <body> <table width="500" align="center" cellpadding="1" bgcolor="#99CCCC"> 
    <form name="loadNewsForm" action="loadNewsByCategory.do" method="POST"> 
    <tr> 
    <td width="40%" colspan="2" align="center"> 
    <p>欢迎， <bean:write name="login_user"/> </p> 
    </td> 
    </tr> 
    <tr> 
    <td width="10%" align="center"> 
    请选择 
    </td> 
    <td width="30%" align="center"> 
    版面名 
    </td> 
    </tr> 
    <logic:iterate id="item" name="categories" indexId="index" scope="request"> 
    <tr> <td width="10%" align="center"> 
    <input type="radio" name="categoryId" value=' <bean:write name="item" property="id"/>'> 
    </td> <td width="30%" align="center"> 
    <bean:write name="item" property="name"/> 
    </td> 
    </tr> 
    </logic:iterate> <tr> 
    <td colspan="2" align="center"> 
    <input type="button" value="查看" onClick="verifyValue();"> 
    &nbsp;&nbsp; <input type="button" value="登出" onClick="logout();"> 
    </td> 
    </tr> 
    </form> 
    <form name="logoutForm" action="logout.do" method="post""> 
    </form> 
    </table> 
    </body> 
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var oRadio = document.getElementsByName("categoryId")[0];
    var oParent = oRadio.parentNode;var oButton = document.createElement("input");
    oButton.type = "button";
    oButton.value = oRadio.value;oParent.insertBefore(oButton, oRadio);
    oParent.removeChild(oRadio);
    //-->
    </SCRIPT>
    </html>