zoukankan      html  css  js  c++  java
  • 复选框做成单选效果

    function zlClick($id){
    var eles = document.getElementById($id).children;
    var srcEle = event.srcElement;
    for(var i=0;i<eles.length;i++){
    if(srcEle.checked){
    if(eles[i].value!=srcEle.value){
    eles[i].checked=false;
    }
    }
    }
    }

    技术领域 可信计算 其他    申请日   年  至
    专利类型 发明专利 实用新型    授权日   年  至
    状态 已授权 申请中 
    统计结果  

    <tr>
    <td width="12%" align="center">技术领域</td>
    <td id="zlType" >
    <input onclick="zlClick('zlType')" type=checkbox name=p.technology value='可信计算'>可信计算&nbsp;<input type=checkbox name=p.technology value='其他' onclick="zlClick('zlType')">其他&nbsp;&nbsp;&nbsp;
    </td>
    <td width="12%" align="center">申请日</td>
    <td>
    &nbsp;<select width="30" id="fdapplydate1"><option value=''></option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>2016</option></select> 年&nbsp;&nbsp;至<select width="30" id="fdapplydate2"><option value=''></option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>至今</option></select>年
    </td>
    </tr>
    <tr>
    <td width="12%" align="center">专利类型</td>
    <td id="zlCompany">
    <input onclick="zlClick('zlCompany')" type=checkbox name=p.type value='发明专利'>发明专利&nbsp;<input type=checkbox name=p.type value='实用新型' onclick="zlClick('zlCompany')">实用新型&nbsp;&nbsp;&nbsp;
    </td>
    <td width="12%" align="center">授权日</td>
    <td>
    &nbsp;<select width="30" NAME="x60.fdcertificatedate1"><option value=''></option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>2016</option></select> 年&nbsp;&nbsp;至<select width="30" NAME="x60.fdcertificatedate2"><option value=''></option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>至今</option></select>年
    </td>
    </tr>
    <tr>
    <td width="12%" align="center">状态</td>
    <td id="zlState">
    <input onclick="zlClick('zlState')" type=checkbox name=p.state value='已授权'>已授权&nbsp;<input type=checkbox name=p.state value='申请中' onclick="zlClick('zlState')">申请中&nbsp;
    </td>

    <td align=center> <button type="button" onclick="doSummary()" ><img src="oa/img/xp/7.gif" name="统计">统计</button></td>
    <td ><button type="button" onclick="doReturn()">返回</button></td>
    </tr>
    <tr>
    <td width="12%" align="center">统计结果</td>
    <td colspan="3" id="summary">${count }
    </td>

  • 相关阅读:
    从零实现一个http服务器
    服务器端编程心得(七)——开源一款即时通讯软件的源码
    服务器端编程心得(六)—— 关于网络编程的一些实用技巧和细节
    服务器编程心得(五)—— 如何编写高性能日志
    以芯片直读方式得到的Android全盘镜像解析——DOS分区
    一款开源数据恢复工具——scalpel
    以芯片直读方式得到的全盘镜像解析及ext4日志区域解析——GPT分区
    Linux程序设计之shell程序设计
    算法——蛮力法之最近对问题和凸包问题
    算法——蛮力法之顺序查找和蛮力字符串匹配
  • 原文地址:https://www.cnblogs.com/zhangliang88/p/5479591.html
Copyright © 2011-2022 走看看