JQ实现多checkbox选一清其它

实现多checkbox选一清其它
页面代码如下（图个方便，直接用JSP了，HTML也一样）：

 out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>csj");out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>lyy");out.println("<input type='checkbox' id='check1' class='checkBox' onclick='checkBox(\"check1\")'>csy<br/>");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>csj");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>lyy");out.println("<input type='checkbox' id='check2' class='checkBox' onclick='checkBox(\"check2\")'>csy<br/>");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>csj");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>lyy");out.println("<input type='checkbox' id='check3' class='checkBox' onclick='checkBox(\"check3\")'>csy<br/>");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>csj");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>lyy");out.println("<input type='checkbox' id='check4' class='checkBox' onclick='checkBox(\"check4\")'>csy<br/>");

JS代码如下：

function checkBox(a){$("input[class='checkBox']:checkbox").each(function () {if ($(this).attr("id") == a){}else {$(this).attr("checked",false)}})
}

JQ实现多checkbox选一清其它相关推荐

如何利用jq来实现复选框的全选，反选！
如何利用jq来实现复选框的全选,反选! $("document").ready(function(){ $("#btn1").click(function() ...
JQ表格的全选和全不选
JQ表格的全选和全不选使用元素选择器:选择器[属性名称='属性值']$("input[type='checkbox']:gt(0)").prop("checked&qu ...
JQ 取CHECKBOX选中项值
备忘录 $("[name='checkbox']:checked").each(function(){ alert((this).val()); }) ; 转载于:https:// ...
jq 如何获取多选框选中的值
jquery如何获取多选框选中的值,有两种方法 1.通过id获取是否选中(单个) 1)引入jquery文件 2)Html设计如下 <div><span>运动类:</spa ...
ASP.NET MVC3 在WebGrid中用CheckBox选中行
分三步走 1.保证你的webgrid包含在form中 @using (Html.BeginForm("Assign","Home")) { } 2.在webgr ...
bootstrp-table 获取checkbox选中行的数据id
https://blog.csdn.net/qq_20603425/article/details/84253782
用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
axure实现复选框全选_jq简单的全选、反选和全不选效果
jquery是很实用和方便的前端效果库,可以让我减少很多的操作和节省很多的时间.今天,我们来说一下jq的全选.全不选和反选效果,本篇讲的是最简单简洁的jq全选.全不选和反选的例子.如果还有什么其他的功 ...
[转]使用jQuery获取radio/checkbox组的值的代码收集
今天来看下JQ对天Checkbox复选框的操作.看下面的一个小例子.在这个例子中包括了以下几个功能代码如下: <!-- $("document").ready(functi ...
angularjscheckbox全选_angularJS全选功能实现
最近在做的一个项目要增加全选和反选功能,之前只做过JQ版的全选和反选. 实现效果: 1.点击全选checkbox可以切换全选和全部清空 2.点击列表中的checkbox,当全部选中时全选选中 3.在全 ...

JQ实现多checkbox选一清其它

JQ实现多checkbox选一清其它相关推荐

最新文章

热门文章