设为首页 收藏本站 订阅本站

blogger

PHP 选中单选按钮后显示其他表单元素

cache 发布于 程序源码 2013-06-15 [ 6001 ] 次浏览 [ 0 ] 条评论

标签: 单选

PHP 选中单选按钮后显示其他表单元素

通过选中不同的单选按钮来显示不同的附加选项,实现比较简单。

此代码为完整代码。

做项目时模板设计中经常用到的,所以记录一下。

没有什么技术含量,其中只用了最基本的HTML代码,我个人认为比较好的应该是AJAX。

但是因为时间原因,只是简单的写了一下,不过不影响正常效果的实际使用。

不过感觉应该比AJAX好点,至少不用二次通信了。

代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>选中单选按钮后显示其他表单元素</title>
<style type="text/css">
<!--
.style1 {font-size: 13px}
-->
</style>
</head>

<body>
<table width="450" border="1" cellpadding="0" cellspacing="2" bordercolor="#71B8FF" background="images/fff.JPG">
  <tr align="center">
    <td height="25" colspan="2"><span class="style1">用户名:</span>      <input name="textfield" type="text" size="15">
      <span class="style1">密码:</span>    <input name="textfield2" type="text" size="15"></td>
  </tr>
  <tr>
    <td width="90" rowspan="2" align="center" class="style1">权限设置:</td>
    <td width="360" height="25" align="center"><p class="style1">
        <input type="radio" name="radiobutton" value="超级会员" onClick="tab.style.display='block'">
      超级会员
      <input type="radio" name="radiobutton" value="普通会员" onClick="tab.style.display='none'">
      普通会员</p>      </td>
  </tr>
  <tr>
    <td align="center"><table width="350" border="0" id="tab">
      <tr>
        <td><p>
          <span class="style1">
  <input type="checkbox" name="checkbox" value="checkbox">
  用户管理
  <input type="checkbox" name="checkbox2" value="checkbox">
  帖子管理
  <input type="checkbox" name="checkbox3" value="checkbox">
  栏目管理 </span></p>
          <p>
            <span class="style1">
  <input type="checkbox" name="checkbox4" value="checkbox">
  公告管理
  <input type="checkbox" name="checkbox5" value="checkbox">
  图片管理
  <input type="checkbox" name="checkbox6" value="checkbox">
   数据库管理</span></p></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="25"><input type="submit" name="Submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" name="Submit2" value="重置"></td>
  </tr>
</table>
</body>
</html>

完整文件包选中单选按钮后显示其他表单元素.rar

PHP 选中单选按钮后显示其他表单元素:等您坐沙发呢!

发表评论