表格中每行的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. ...
随机推荐
- Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍
一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组 ...
- net MVC 重定向总结
[HttpPost] public ActionResult StudentList(string StudName, string studName, DateTime BirthDay, Form ...
- 并查集(union-find)算法
动态连通性 . 假设程序读入一个整数对p q,如果所有已知的所有整数对都不能说明p和q是相连的,那么将这一整数对写到输出中,如果已知的数据可以说明p和q是相连的,那么程序忽略p q继续读入下一整数对. ...
- HTML5图形图像处理技术研究
摘要:图形图像处理平台大部分是传统的C/S架构的桌面应用程序,维护困难,共享性差,而B/S架构的Web程序具有易维护.易共享的优点.本文研究了基于HTML5的Web图形图像处理技术,用HTML5实现了 ...
- python下ssh的简单实现
python下的ssh都需要借助第三方模块paramiko来实现,在使用前需要手动安装. 一.python实现ssh (1) linux下的ssh登录 root@ubuntu:~# ssh morra ...
- Linux下查看软件的安装路径
一.which 命令 Shell 的which 命令可以找出相关命令是否已经在搜索路径中. $ which git/usr/bin/git 二.whereis 命令 whereis 命令搜索更大范围的 ...
- 高斯混合模型(GMM)
复习: 1.概率密度函数,密度函数,概率分布函数和累计分布函数 概率密度函数一般以大写“PDF”(Probability Density Function),也称概率分布函数,有的时候又简称概率分布函 ...
- [UML]UML系列——类图class的依赖关系
相关文章 [UML]UML系列——用例图Use Case [UML]UML系列——用例图中的各种关系(include.extend) [UML]UML系列—— ...
- 跟随 Web 标准探究DOM -- Node 与 Element 的遍历
写在前面 这篇没有什么 WebKit 代码的分析,因为……没啥好分析的,在实现里无非就是树的(先序DFS)遍历而已,囧哈哈哈……在WebCore/dom/Node.h , WebCore/dom/Co ...
- 用<forEach>遍历list集合时,提示我找不到对象的属性
<c:forEach items="${list}" var="item"> <tr> <td>${item.UserId} ...