【问题标题】:choosing the checkboxes in the same line选择同一行中的复选框
【发布时间】:2014-09-09 09:47:14
【问题描述】:

Fiddle

<table border="1">
    <tr><td><input type="checkbox"/></td><td><input type="checkbox"/></td><td><button>Toggle</button></td></tr>
    <tr><td><input type="checkbox"/></td><td><input type="checkbox"/></td><td><button>Toggle</button></td></tr>
    <tr><td><input type="checkbox"/></td><td><input type="checkbox"/></td><td><button>Toggle</button></td></tr>
</table>

当我单击“切换按钮”时,我想选择和取消选择同一行中的复选框。 我怎样才能做到这一点?你能帮帮我吗?

【问题讨论】:

  • 到目前为止您尝试过什么?您的小提琴中有 0 行 js 代码...:/

标签: jquery checkbox row


【解决方案1】:
$(document).ready(function(){
    $('button').click(function(){
        var checkboxes = $(this).parent().siblings().children();
        checkboxes.prop('checked',!checkboxes.prop('checked'));
    })
})

JS Fiddle

【讨论】:

  • @Anton 如果你问我,投反对票有点过分了。评论就好了。 :-) 不过,在您发表评论后,我确实进行了研究,并相应地更改了答案。还是谢谢。
  • @Anton 至少您遇到了麻烦,无法给出拒绝投票的理由,这导致我进行研究,所以我改进了自己。毕竟什么都没有。
  • 我在午休,我看到你更新了你的答案,但它仍在使用.attr()
【解决方案2】:

你可以试试这个:

Fiddle Example

$('button').click(function(){
   var chbox = $(this).closest('tr').find('input[type="checkbox"]');
   $.each(chbox, function(i,k){
      if($(k).is(':checked'))
         $(k).prop('checked',false);
      else
         $(k).prop('checked',true);
   });
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-01-09
    • 1970-01-01
    • 2018-03-25
    • 1970-01-01
    • 1970-01-01
    • 2021-02-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多