jquery 表格行选一行选中checkbox，但首次点击checkbox要点两次才能选中-CSDN问答

jquery 表格行选一行选中checkbox，但首次点击checkbox要点两次才能选中

这是js 行选的代码段，可以行选，但是点击checkbox本身要点鼠标两次才能选中，求原因。

 // 行选中
    $("table tbody tr").click(function() {
        var input = $(this).find("input[type=checkbox]");//获取checkbox
        //给checkbox的click添加阻止冒泡事件
        input.click(function(event){
            event.stopPropagation();
        });
        //判断当前checkbox是否为选中状态
        if(input.prop("checked")){          
          input.prop("checked",false);

        } else{
          input.prop("checked",true);
        }

    });

编辑于：2016.03.03 00:46 发布于：2016.03.01 11:21

checkbox jquery

| 评论0 | 收藏 | 浏览3827 |

: 路边有个胖子

声望： 6

1个回答

按赞数排序

prop只是获取在匹配的元素集中的第一个元素的属性值，不应该作为if的判断条件，使用is
/* 全选 */
$("#checkedAll").click(function() {
if ($(this).is(":checked") == true) { // 全选
$("input[name='ids']").each(function() {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[name='ids']").each(function() {
$(this).attr("checked", false);
});
}
});

发布于：2016.03.01 11:59

评论 0 |

| 已采纳

: qq_20039385

声望： 204

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

jquery 如何获取CheckBox选中的行的每个列的值: jquery 如何获取CheckBox选中的行的每个列的值

jquery通过一个checkbox控制其他checkbox置灰和可选: <div id="popup_win_interfaces" class="popup_mod " style="display:none;"> <input type="checkbox" id="innet_port_checkbox_id" /> <label><xsl:value-of select="$res/select_all"/></label> <hr/> <div style="height:130px; overflow-y:auto;"> <xsl:for-each select="/HTML_BODY/interface/ifname"> <label for="{.}" style="display: block; width: 24%; float:left;"><input type="checkbox" id="{.}"/><xsl:value-of select="."/></label> </xsl:for-each> </div> </div>

table里每一行都有一个checkbox,选中一行后,怎么得到该行特定或者所有TD数据: <p>table里每一行都有一个checkbox,选中一行后,怎么得到该行特定或者所有TD数据</p> <p><tr></p> <p> <th width="30px" align="center"><br> <input name="chkAll" type="checkbox" value="checkbox" onclick="CheckAll(this)" /><br> </th><br> <th width="80px" align="center" scope="col">序号</th><br> <th width="80px" align="center" scope="col">资源类型</th><br> <th width="100px" align="center" scope="col">单据号</th><br> <th width="100px" align="center" scope="col">所属部门</th><br> <th width="80px" align="center" scope="col">状态</th></p> <p></tr></p> <p>下面tr显示多行数据由 JQuery 自动生成格式和上面一样，我要怎么才能获取所有checkbox 为选中的一行所有或者行中特定的 TD的数据</p> <p> </p> <p>急！！！在线等</p>

Jquery 获取选中的checkbox的值怎么会是on？？: Jquery 获取选中的checkbox的值怎么会是on？？我的Jquery 代码： var $areaId=$("input[type='checkbox'][name='chkName']:checked").map(function(){return $(this).val();}).get().join(","); html代码： <input type='checkbox' name='chkName' value='610101111'>城关区 <input type='checkbox' name='chkName' value='610101112'>城关区1 <input type='checkbox' name='chkName' value='610101113'>城关区2 <input type='checkbox' name='chkName' value='610101114'>城关区3 <input type='checkbox' name='chkName' value='610101115'>城关区4

action获取选中checkbox同一行其他列的值: action用数组获取所有选中的checkbox了，还需要获取，这几个选中的checkbox同一行的值，如何获取.所有checkbox 后面的输入框 name相同

js/jq判断列表中的CheckBox是否选中: js/jq判断列表中的CheckBox是否选中，并把checked==true的CheckBox替换成开启的图片，checked==false的CheckBox替换成关闭的图，帮帮忙各位

用jquery判断datagrid中checkbox是否被选中的有关问题: <script type="text/javascript"> $(function(){ $('#pro_manage_show_grid').datagrid({ title:'标准任务执行查询', iconCls:'icon-ok', nowrap: true, autoRowHeight: true, striped: true, collapsible:true, method: 'post', url:path+'/monitor/f1/queryTasklogAll.do', sortName: '', sortOrder: 'asc', idField:'id', pageSize:20, pageList:[20,50,100], loadMsg:'请稍候，努力加载中...', singleSelect:true, fitColumns:true, fit:true, columns:[[ {field:'ID',title:'ID',width:100,checkbox:true,resizable:false}, {field:'bizBeginDate',title:'业务开始日期',width:100,sortable:true,resizable:true}, {field:'bizEndDate',title:'业务结束日期',width:100,sortable:true,resizable:true}, {field:'taskCode',title:'任务编码',width:100,resizable:true}, {field:'taskStatus',title:'任务状态',width:100,resizable:true}, {field:'taskName',title:'任务中文名',width:100,resizable:true}, {field:'beginDt',title:'执行开始时间',width:100,resizable:true}, {field:'endDt',title:'执行结束时间',width:100,resizable:true}, {field:'workFlowRunId',title:'工作流ID',width:100,resizable:true} ]], pagination:true, rownumbers:true, collapsible:false, remoteSort:false, tools:'#pro_manage_list_tools', //loadFilter:pagerFilter loader:dataLoader }); //给状态为-1的价位红色 $('#pro_manage_show_grid').datagrid({ rowStyler:function(index,row){ if(row.taskStatus==-1){ return 'background-color:red;'; } } }); //$('#pro_manage_show_grid').datagrid('loadData', getData()); var p = $('#pro_manage_show_grid').datagrid('getPager'); if (p){ $(p).pagination({ onBeforeRefresh:function(){ alert('before refresh'); } }); } }); //自适应 $(window).resize(function(){ $("#pro_manage_list").layout('resize'); }); //此界面，设置成定时刷新界面。每两分钟刷新一次 function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000*60*2); //每两分钟刷新一次 function query(){ //Please wait... $.blockUI({css: { border: 'none', padding: '15px', backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .5, color: '#fff'}}); // $.ajax({ url:path+'/monitor/f1/queryTasklogList.do', type: 'POST', dataType: 'json', data: $("#dataForm").serialize(), success: function(msg){ var posData = eval(msg); $('#pro_manage_show_grid').datagrid('loadData',posData); $.unblockUI(); }, error: function(msg){ $.unblockUI(); alert("操作失败！"); } }); } function querylog(){ var row = $('#pro_manage_show_grid').datagrid('getSelected'); var _url = path+'/monitor/f2/queryLog.do?workFlowId='+ row.workFlowRunId; window.parent.initCenter("日志信息",_url,"bb",true); } </script> 在按钮事件激发querylog()中如何判断checkbox是否选中

checkbox选中后怎么消除: 画面上有一个复选框，默认选中，点击复选框后，回跳出一个提示框，如果我点击提示框的取消按钮，希望原来选中的复选框还是选中的，如果我点击确定按钮，复选框的状态才发生变化。用jquery怎么实现？

如果checkbox1被选中,则checkbox2 也选中怎么用jQuery实现,代码如下,谢谢: ![图片说明](https://img-ask.csdn.net/upload/201612/18/1482060166_316959.jpg) <asp:CheckBox ID="news" runat="server" Text="新闻管理" /> <br /> <asp:CheckBox ID="new1" runat="server" Text="新闻发布" /> <br /> <asp:CheckBox ID="new2" runat="server" Text="新闻查询" /> <br /> <asp:CheckBox ID="manage" runat="server" Text="系统管理" /> <br /> <asp:CheckBox ID="manage1" runat="server" Text="管理员创建" /> <br /> <asp:CheckBox ID="manage2" runat="server" Text="管理员查询" /> <br />

怎么提交表格中选中的某一行？: ![图片说明](https://img-ask.csdn.net/upload/201607/09/1468034710_960936.png) ![图片说明](https://img-ask.csdn.net/upload/201607/09/1468034725_259732.png) 我点击其中一行的“短信模板编辑”后，这6行数据都提交给后台了，但我只想提交选中的那一行

无法用jquery操作checkbox选中的问题: html代码如下 ``` <span class="easyui-checkbox" > <input id="abc" name="abc" type="checkbox" data-options="width: 180" value="1" > ``` 用的jquery操作选中 ``` $("#abc").attr("checked",true); ``` 在没有 <span class="easyui-checkbox" > 这行代码的时候能够操作成功。。但是加上了这个样式的代码之后jquery就没法通过id或者Name操作这个复选框了。。原因是什么？怎么解决应该？

jqgrid点击选中再点击才取消选中: ![图片说明](https://img-ask.csdn.net/upload/201711/03/1509693358_863692.png)，假如上图是用jqgrid实现的，我想选中多行数据，就只能勾选每条数据最前面的复选框，那么我如果一不小心没有点中那个复选框，那么我之前选中的数据全部会取消选中，只有最后一个被点击的会被选中，所以我想实现点击选中再点击才取消选中

jquery 选中 checkbox undefined: ``` "aoColumnDefs": [ {'bVisible': false, 'aTargets': []}, {'bSortable': false, 'aTargets': []}, { // "sTitle": "we", // "sClass" :"center", "sWidth": "10%", "mData" : null, "aTargets" : [ 0 ], "mRender": function(data){ return "<input type='checkbox' name='productCheckbox' id='"+data.businessId+"' value='"+data.businessId+"'>"; } }, ``` ``` success: function(data){ console.log("checkboxselected============="+data.actConfg); $(data.actConfg).each(function(i,item){ console.log("checkboxselected============="+item.businessId); //$('input:checkbox').eq(0).attr("checked",'true'); $(":checkbox[value='22']").prop("checked",true); $("input:checkbox[value='"+item.businessId+"']").attr('checked','true'); //$("input[id='"+item.businessId+"']:checkbox").attr("checked",true) console.log("hhhhhhhhhhhhh============="); }); } ``` 操作不了动态生成的，静态直接写的可以为什么? $("input:checkbox[value='"+item.businessId+"']")这个取到的是undefined

js 双击table中的某行实现行前的checkbox选中再双击取消选中: js 双击table中的某行实现行前的checkbox选中再双击取消选中

jquery获取动态生成的checkbox结点?: 我从后台获得JSON类型的数据，放到动态生成的checkbox中，然后显示在页面指定的div中，部分代码如下： $.getJSON("../kyxm/getKyxmName_Kyxm.action",null,function(response){ var listHtml=''; //循环取json中的数据,并呈现在列表中 $.each(response,function(i){ listHtml += " <input type='checkbox'"; listHtml += " name=cr0"+i; listHtml += " id=cr0"+i; listHtml += " value="+response[i]; listHtml += " style=border:none;/>"; listHtml += "<label for=cr0"+i; listHtml += ">"+response[i]+"</label><br/>"; }); $("#selectSub").html(listHtml).css("text-align","left"); } ); <div id="selectSub"> </div> 但是好像在页面上获取不到生成的checkbox结点比如：$("#selectSub :checkbox").click(function() { alert(123); } ); 当我选中动态生成的复选框时，没任何反应。怎样才能获得动态生成的checkbox的点击事件呢？期待解答哦~~~

checkbox选中其中某一项弹出提示框: ``` <input type="checkbox" name="checkbox" value="checkbox1"> <input type="checkbox" name="checkbox" value="checkbox2"> <input type="checkbox" name="checkbox" value="checkbox3"> <input type="checkbox" name="checkbox" value="checkbox4"> ``` 当选中checkbox3时弹出提示框，jquery怎么写

怎样点击应用选中时，把签到时间应用到选中复选框table表格的那一行: ![图片说明](https://img-ask.csdn.net/upload/201510/12/1444635483_221892.png)

jquery,判断是否被选中，谢谢: ``` <input type="checkbox" id="che1" name="che1" mtype="che:10:10" value="a1"/>a1 <input type="checkbox" mtype="che1:10:10" id="che1" name="che1" value="a1"/>a2 ``` 用jquery如何判断che1是否被选中1项，谢谢

jQuery-Validate怎么验证复选框个数: jQuery-Validate怎么验证复选框个数，只能验证选中，个数的话要怎么办

大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了: 大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。一、电子书搜索对于大部分程序员...

在中国程序员是青春饭吗？: 今年，我也32了，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。目录：你以为的人生一次又一次的伤害猎头界的真相如何应对互联网行业的「中年危机」一、你以为的人生刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的：等真到了那一天，你会发现，你的人生很可能是这样的： ...

程序员请照顾好自己，周末病魔差点一套带走我。: 程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。

ArrayList源码分析(入门篇): ArrayList源码分析前言：写这篇博客的主要原因是，在我上一次参加千牵科技Java实习生面试时，有被面试官问到ArrayList为什么查找的速度较快，插入和删除的速度较慢？当时我回答得不好，很大的一部分原因是因为我没有阅读过ArrayList源码，虽然最后收到Offer了，但我拒绝了，打算寒假学得再深入些再广泛些，下学期开学后再去投递其他更好的公司。为了更加深入理解ArrayList，也为

我以为我学懂了数据结构，直到看了这个导图才发现，我错了: 数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象？: 老生常谈的一个梗，到2020了还在争论，你们一天天的，哎哎哎，我不是针对你一个，我是说在座的各位都是人才！上图红色的这3个箭头，对于通过new产生一个字符串（”宜春”）时，会先去常量池中查找是否已经有了”宜春”对象，如果没有则在常量池中创建一个此字符串对象，然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。也就是说准确答案是产生了一个或两个对象，如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬：我去，你写的 switch 语句也太老土了吧: 昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天！: 互联网公司工作，很难避免不和黑客们打交道，我呆过的两家互联网公司，几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口，有的是寻找线上服务器可能存在的漏洞，大部分都...

讲一个程序员如何副业月赚三万的真实故事: loonggg读完需要3分钟速读仅需 1 分钟大家好，我是你们的校长。我之前讲过，这年头，只要肯动脑，肯行动，程序员凭借自己的技术，赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月，后悔当初着急入职的选择了: 最近有个老铁，告诉我说，上班一个月，后悔当初着急入职现在公司了。他之前在美图做手机研发，今年美图那边今年也有一波组织优化调整，他是其中一个，在协商离职后，当时捉急找工作上班，因为有房贷供着，不能没有收入来源。所以匆忙选了一家公司，实际上是一个大型外包公司，主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错，所以就立马入职去上班了。但是后面入职后，发现薪酬待遇这块并不是HR所说那样，那个HR自...

女程序员，为什么比男程序员少？？？: 昨天看到一档综艺节目，讨论了两个话题：（1）中国学生的数学成绩，平均下来看，会比国外好？为什么？（2）男生的数学成绩，平均下来看，会比女生好？为什么？同时，我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍，工作外的B面人生是怎样的？: 提到“程序员”，多数人脑海里首先想到的大约是：为人木讷、薪水超高、工作枯燥…… 然而，当离开工作岗位，撕去层层标签，脱下“程序员”这身外套，有的人生动又有趣，马上展现出了完全不同的A/B面人生！不论是简单的爱好，还是正经的副业，他们都干得同样出色。偶尔，还能和程序员的特质结合，产生奇妙的“化学反应”。 @Charlotte：平日素颜示人，周末美妆博主大家都以为程序媛也个个不修边幅，但我们也许...

MySQL数据库面试题（2020最新版）: 文章目录数据库基础知识为什么要使用数据库什么是SQL？什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式？分别有什么区别？数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别？InnoDB引擎的4大特性存储引擎选择索引什么是索引？索引有哪些优缺点？索引使用场景（重点）...

如果你是老板，你会不会踢了这样的员工？: 有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...

我入职阿里后，才知道原来简历这么写: 私下里，有不少读者问我：“二哥，如何才能写出一份专业的技术简历呢？我总感觉自己写的简历太烂了，所以投了无数份，都石沉大海了。”说实话，我自己好多年没有写过简历了，但我认识的一个同行，他在阿里，给我说了一些他当年写简历的方法论，我感觉太牛逼了，实在是忍不住，就分享了出来，希望能够帮助到你。 01、简历的本质作为简历的撰写者，你必须要搞清楚一点，简历的本质是什么，它就是为了来销售你的价值主张的。往深...

玩转springboot启动banner定义所得: 最近接手了一个springboot项目，不是不熟悉这个框架，启动时打印的信息吸引了我。这不是我熟悉的常用springboot的打印信息啊，我打开自己的项目：还真是的，不用默认的感觉也挺高大上的。一时兴起，就去研究了一下源代码，还正是有些收获，稍后我会总结一下。正常情况下做为一个老程序员，是不会对这种小儿科感兴趣的，不就是一个控制台打印嘛。哈哈！于是出于最初的好奇，研究了项目的源代码。看到

带了6个月的徒弟当了面试官，而身为高级工程师的我天天修Bug......: 即将毕业的应届毕业生一枚，现在只拿到了两家offer，但最近听到一些消息，其中一个offer，我这个组据说客户很少，很有可能整组被裁掉。想问大家：如果我刚入职这个组就被裁了怎么办呢？大家都是什么时候知道自己要被裁了的？面试软技能指导: BQ/Project/Resume 试听内容：除了刷题，还有哪些技能是拿到offer不可或缺的要素如何提升面试软实力：简历, 行为面试，沟通能...

离职半年了，老东家又发 offer，回不回？: 有小伙伴问松哥这个问题，他在上海某公司，在离职了几个月后，前公司的领导联系到他，希望他能够返聘回去，他很纠结要不要回去？俗话说好马不吃回头草，但是这个小伙伴既然感到纠结了，我觉得至少说明了两个问题：1.曾经的公司还不错；2.现在的日子也不是很如意。否则应该就不会纠结了。老实说，松哥之前也有过类似的经历，今天就来和小伙伴们聊聊回头草到底吃不吃。首先一个基本观点，就是离职了也没必要和老东家弄的苦...

男生更看重女生的身材脸蛋，还是思想？: 往往，我们看不进去大段大段的逻辑。深刻的哲理，往往短而精悍，一阵见血。问：产品经理挺漂亮的，有点心动，但不知道合不合得来。男生更看重女生的身材脸蛋，还是...

为什么程序员做外包会被瞧不起？: 二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中xx，但待遇感觉挺低，马上要报到，挺纠结的。

当HR压你价，说你只值7K，你该怎么回答？: 当HR压你价，说你只值7K时，你可以流畅地回答，记住，是流畅，不能犹豫。礼貌地说：“7K是吗？了解了。嗯~其实我对贵司的面试官印象很好。只不过，现在我的手头上已经有一份11K的offer。来面试，主要也是自己对贵司挺有兴趣的，所以过来看看……”（未完）这段话主要是陪HR互诈的同时，从公司兴趣，公司职员印象上，都给予对方正面的肯定，既能提升HR的好感度，又能让谈判气氛融洽，为后面的发挥留足空间。...

面试：第十六章：Java中级开发（16k）: HashMap底层实现原理，红黑树，B+树，B树的结构原理 Spring的AOP和IOC是什么？它们常见的使用场景有哪些？Spring事务，事务的属性，传播行为，数据库隔离级别 Spring和SpringMVC，MyBatis以及SpringBoot的注解分别有哪些？SpringMVC的工作原理，SpringBoot框架的优点，MyBatis框架的优点 SpringCould组件有哪些，他们...

面试阿里p7，被按在地上摩擦，鬼知道我经历了什么？: 面试阿里p7被问到的问题(当时我只知道第一个)：@Conditional是做什么的?@Conditional多个条件是什么逻辑关系？条件判断在什么时候执...

终于懂了TCP和UDP协议区别: 终于懂了TCP和UDP协议区别

你打算用Java 8一辈子都不打算升级到Java 14，真香: 我们程序员应该抱着尝鲜、猎奇的心态，否则就容易固步自封，技术停滞不前。

无代码时代来临，程序员如何保住饭碗？: 编程语言层出不穷，从最初的机器语言到如今2500种以上的高级语言，程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新，一边面临由于许多代码已存在，程序员编写新应用程序时存在重复“搬砖”的现象。无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法，它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中，可视化建模来组装和配置应用程序。这样一来，开发者直...

面试了一个 31 岁程序员，让我有所触动，30岁以上的程序员该何去何从？: 最近面试了一个31岁8年经验的程序猿，让我有点感慨，大龄程序猿该何去何从。

大三实习生，字节跳动面经分享，已拿Offer: 说实话，自己的算法，我一个不会，太难了吧

程序员垃圾简历长什么样？: 已经连续五年参加大厂校招、社招的技术面试工作，简历看的不下于万份这篇文章会用实例告诉你，什么是差的程序员简历！疫情快要结束了，各个公司也都开始春招了，作为即将红遍大江南北的新晋UP主，那当然要为小伙伴们做点事（手动狗头）。就在公众号里公开征简历，义务帮大家看，并一一点评。《启舰：春招在即，义务帮大家看看简历吧》一石激起千层浪，三天收到两百多封简历。花光了两个星期的所有空闲时...

《经典算法案例》01-08：如何使用质数设计扫雷（Minesweeper）游戏: 我们都玩过Windows操作系统中的经典游戏扫雷（Minesweeper），如果把质数当作一颗雷，那么，表格中红色的数字哪些是雷（质数）？您能找出多少个呢？文中用列表的方式罗列了10000以内的自然数、质数（素数），6的倍数等，方便大家观察质数的分布规律及特性，以便对算法求解有指导意义。另外，判断质数是初学算法，理解算法重要性的一个非常好的案例。

我要提问

路边有个胖子

qq_20039385