复选框做成单选效果

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;
}
}
}
}

技术领域 可信计算 其他    申请日

2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
 年  至

2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
至今

专利类型 发明专利 实用新型    授权日

2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
 年  至

2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
至今

状态 已授权 申请中  统计 返回
统计结果  

<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>

时间: 2024-10-10 08:17:34

复选框做成单选效果的相关文章

用JS把复选框做成单选框,左显示div,右隐藏div

<input type="checkbox" name="checkname" onclick="check(this)"/>左 <input type="checkbox" name="checkname" onclick="check(this)"/>右 <div id="show" style="display:block

纯css3实现美化复选框和手风琴效果(详细)

关键技术点和原理: 原理就是把 checkbox或 radio 给隐藏掉   ,然后给选框 绑定一个label标签. 然后用label标签作为容器,在里面放一个:before或一个after 用before模拟选框的框,用after来模拟选框的填充 通过 .magic-checkbox:checked + label:after {/*选框被选中时 显示after填充*/ display: block; } 来确定是否选中复选框,如果checked就把after的显示. 先贴出html的代码 <

Bootstrap 表单和图片 (内联表单,表单合组,水平排列,复选框和单选框,下拉列表,校验状态,添加额外的图标,控制尺寸,图片)

一.表单 基本格式 注:只有正确设置了输入框的 type 类型,才能被赋予正确的样式. 支持的输入框控件 包括:text.password.datetime.datetime-local.date.month.time.week. number.email.url.search.tel 和 color. <form> <div class="form-group"> <label>电子邮件</label> <input type=&

Jq 复选框、单选框取值操作、面板切换、cook

今天遇到这么几个问题: 1.$().map(); map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 2 选择器(: >) :是指定type  :input <input>元素 .radio  type="radio"的元素3.$('div :checkbox').each(function (){}) 就是遍历 div获取的每个值5.Jq只能用一次,就哟不了-->(只能触发一次单击事件) 我的循环使用调用2.0估计就

Jquery学习笔记:操作form表单元素之二(复选框和单选框)

在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="item" checked> 全选</label> 注意,input标签要放在label标签内,这样点击文字时也会有反映. 如果选中了,调用  $("#item").prop("checked")返回true,否则返回false 同样利用pro

如何让checkbox复选框只能单选

function框架div 在项目开发中遇到一个这样的问题,要让一列复选框架在任何时间段内只能选择一个. 有人说怎么不用单选框了,因为单选框一旦选择了就不能取消选择,所以这里只能用复选框. 经过思考发现可以能过js控制复选框只能单选,实现方法如下: [javascript] view plaincopyprint? $("#txm").find(".checkbox").each(function(){ $(this).click(function(){ var t

CheckedListBoxControl 实现复选框的单选与多选功能

由于工作需要,需要实现复选框的单选与多选功能,找了好多资料都不是很全,经过两天苦苦的挖挖挖,终于完成啦O(∩_∩)O哈哈~ 用DEV控件中的CheckedListBoxControl控件,当然VS中的复选框组合控件应该按照下面方法也可以实现该功能,可以试下(⊙o⊙)哦 代码来啦O(∩_∩)O哈哈~ 1 //首先触发SelectedIndexChanged事件,然后再触发ItemCheck事件 2 3 //存储选中的复选框的值 4 string strGXY=string.Empty; 5 pri

把复选框变成单选框(prop,attr的区别)

如果项目中需要统一样式的话,有可能会遇到把复选框变成单选框的需求. 下面是用jquery的简单实现 $(function(){ $("input[type='checkbox']").click(function() { var flag = $(this).prop("checked"); //先记录下点击后应该的状态 $("input[type='checkbox']").prop("checked", false); $

设置复选框的只读效果,并且可通过表单提交

在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果. 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的.原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/