表格中每行的checkbox只能选中其中一个jquery实现
HTML代码：
<span class="number">12.</span>
<div class="survey_txt mgl20">
<h5><b>养老金发放条件</b></h5>
<div class="fm_options">
<table class="Distribution" id="q12">
<colgroup>
<col class="tdwd200" />
<col class="tbwd100" />
<col class="tbwd100" />
<col class="tbwd100" />
<col class="tbwd100" />
</colgroup>
<thead>
<tr>
<th> </th>
<th>可领取已归属缴费</th>
<th>可领取全部缴费</th>
<th>不可领取</th>
</tr>
</thead>
<tbody> <tr>
<td class="special_wd2">
<p>重大疾病 </p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>教育</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>家庭原因（如家庭成员意外等）</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>退休</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>死亡/伤残</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>自愿离职</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>非自愿离职</p>
</td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:va-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:ac-M" value="1" /></label></p></td>
<td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:no-M" value="1" /></label></p></td>
</tr>
<tr>
<td class="special_wd2">
<p>其他领取条件，请具体说明</p>
</td>
<td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:va-T" value="1" /></label></p></td>
<td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:ac-T" value="1" /></label></p></td>
<td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:no-T" value="1" /></label></p></td>
</tr>
</tbody>
</table>
</div>
</div>
Jquery事件绑定：
$(document).ready(
function () {
$("#q12 input:checkbox").each(function () {
$(this).click(function () {
if ($(this).is(':checked')) {
$(this).parent().parent().parent().siblings().find("input:checkbox").attr("checked", false);
}
});
}
);
}
);
表格中每行的checkbox只能选中其中一个jquery实现的更多相关文章
- VBA取得EXCEL表格中的行数和列数
VBA取得EXCEL表格中的行数和列数 初学EXCEL宏的童鞋,总是很想知道表格中含有数据的行数和列数,尤其是行数和列数不确定的情况下.这样可以避免很多的错误,并且可以提高效率.但每次用到的时候到网上 ...
- java使用poi操作word, 支持动态的行(一个占位符插入多条)和表格中动态行, 支持图片
依赖 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifa ...
- 如何使用poi在word表格中插入行的4种方法
本文记录了,在word表格中插入新行的几种方法.直接上代码说明 table.addNewRowBetween 没实现,官网文档也说明,只有函数名,但没具体实现,但很多文章还介绍如何使用这个函数,真是害 ...
- MVC项目中使用js 设置Checkbox的选中事件
要实现的效果是,当点击checkbox时,跳转到Action中 CheckBox实例: View界面: @Html.CheckBox("prd.IsChecked", Model. ...
- js中对radio和checkbox是否选中的判断
一.js判断checkbox 例如:<div class="checkbox" style="width: 150px;"> <label&g ...
- table表格中 ，点击checkbox 的value值 相加
<!DOCTYPE html> <html> <head> <title>简单的行列相加求和处理</title> <script sr ...
- Jquery实现页面上所有的checkbox只能选中一个
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
- 一个表格中选定的tr，显示在另一个表格中
一.先获得表格A每点中行的下标index(); 二.申明一个数组,把下表全部push到数组中: 三.在用for循环遍历数组,同时申明html代码片段: 四.用html+=表格A tr:eq(arr[i ...
- 用java将excel表格中的内容修改后写入到另一个excel中
package nn; import java.io.File; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl. ...
随机推荐
- Matlab2015入门学习02
1. 续行符 ... 当物理的一行之内写不下时, 在 物理行的结尾加上三个小黑点 >>跟在运算符之后,可以不留space空格 >>跟在数字之后,若不留白space,出错; 留一 ...
- Linux 命令积累
1, su root 切换到root用户 su user 切换到普通用户 2, mkdir / touch 创建文件夹 /文件 3, vi 打开编辑文件 按insert进入编辑模式 编辑完成后 按es ...
- 高性能集群软件Keepalived(1)
1介绍 Keepalived是linux下一个轻量级的高可用解决方案,与HeartBeat,RoseHA实现的功能类似,但是还是有差别.HeartBeat是一个专业的功能完善的高可用软件,它提供了HA ...
- 公司VPN信息
公司VPN证书信息(请妥善留档本邮件) 管理 管理员 <admin@pansoft.com> 2016/12/12 11:00 收件人: huhuan@pansoft.com × ...
- BZOJ4540 [Hnoi2016]序列
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...
- Iptables防火墙NAT地址转换与端口转发
开启系统转发功能: [root@localhost /]# vim /etc/sysctl.conf # Generated by iptables-save v1.4.7 on Thu May 12 ...
- Logstash-5.0同步.json文件到ElasticSearch-5.0配置文件
logstash/conf/input-file.conf内容如下: input { file { #监听文件的路径. path => ["E:/data_json/*.json&qu ...
- 点评前端开发工具cortex安装使用方法
cortex安装方法: 安装最新版 sudo npm install -g cortex cortex config set registry http://registry.cortexjs.org ...
- arcgis engine 监听element的添加、更新和删除事件（使用IGraphicsContainerEvents）
IGraphicsContainerEvents Interface 如何监听 element事件? 如,当我们在Mapcontrol上添加.删除.更新了一个Element后,如何捕捉到这个事件? ...
- Centos6.5 Zabbix3 server端安装(一)
一.准备阶段: 1.>关闭防火墙 /etc/init.d/iptables stop 2.>关闭selinux vim /etc/selinux/config SELINUX=disabl ...