2 willerfu Willerfu 于 2016.03.01 19:21 提问

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

    });

1个回答

qq_20039385
qq_20039385   2016.03.01 19:59
已采纳

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery实现表格行点击选中复选框
$(".list tr").each(function(){      $(this).children().click(function(e){          $(e.target).parent("tr.item").each(function(){         if($(this).find(":checkbox").is(":checked")){        
jquery 实现鼠标单击行时,选中checkbox复选框
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
jQuery注册表格(table)行(tr)点击选中checkbox事件
目的实现鼠标点击表格行元素,就可以选中所在行内的复选框,实现数据勾选效果。多用于管理系统中数据列表上。效果录制了一个简单的动画来呈现。 方法这里采用jQuery框架做实现,当然原生的js也可以实现,只是麻烦一些。$(function () { //除了表头(第一行)以外所有的行添加click事件. $("tr").slice(1).click(function () {
点击table中的一行选中checkbox,并改变该行的颜色
首先规定一个选中时的样式:.bgRed{ background-color: #b2dba1; }table的代码如下:<table> <tr> <th><input type="checkbox" id="checkAll"> 序号</th> <th>所属机构</th> <th>姓名</th> <th>手机号码</th
DataGrid中CheckBox列需要双击才能选中问题的解决
在Silverlight开发中经常需要在DataGrid中添加复选列,于是会想到使用DataGridCheckBoxColumn列,可是在运行后发现CheckBox需要点击两次才可以选中,第一次点击只是选中DataGridCell,很显然会影响用户体验,想要规避这一问题很简单,就是使用DataGridTemplateColumn列,在数据模板中添加一个CheckBox,测试后发现只需点击一次即可选
checkBox复选框,获得选中那一行所有列的数据
JSP页面 小花 18 小草 20 小树 19 js function showCol(){ var check=$("input[name='one']:checked");//选中的复选框 check.each(function(){ var row=$(this).parent("td").parent("tr
功能实现:在table中点击某一行,选中前面的checkbox并改变背景色
html  table:&amp;lt;table id=&quot;mytable&quot;&amp;gt; &amp;lt;tr&amp;gt; &amp;lt;th rowspan=&quot;2&quot;&amp;gt;&amp;lt;input type=&quot;checkbox&quot; id=&quot;selectAll&quot;&amp;gt;&amp;lt;/th&amp;gt;     &amp;lt;th rowspan=&quot;2&quot;&amp
jQuery获取表格 复选框被选中一行的所有列数据
由于js接触的不多,为找到这方法着实费了一番力气,所幸找到一篇博客(但忘了保存地址,今天自己记载下来,对原博主是在抱歉)  var array = $("input[name='checkPrint']:checked").map(function () {                     return { "cell1": $.trim($(this).closest
Jquery删除table里面checkbox选中的多个行
思路:遍历被选中的checkbox对象→根据选中项筛选出需要删除的行→删除行。
Wpf Datagrid 设置了模板 checkbox 如何一次选中,单击就选中。默认是要双击才得
"{Binding Path=IsSelected, UpdateSourceTrigger=PropertyChanged}" />                                                 //当然你可以将绑定值IsSelected换成你需要绑定的值啦 //当然啦,如果你想使用DataGridCheckBo