码迷,mamicode.com
首页 > 其他好文 > 详细

复选框做成单选效果

时间:2016-05-10 23:08:39      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

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://www.cnblogs.com/zhangliang88/p/5479591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!