Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery选择表中的前五个复选框_Javascript_Jquery - Fatal编程技术网

Javascript 使用jQuery选择表中的前五个复选框

Javascript 使用jQuery选择表中的前五个复选框,javascript,jquery,Javascript,Jquery,我有一个html表格,有50行,每行包含一个复选框。我需要通过单击按钮,使用jquery选择表中的前五个复选框 <table> <tr class="asd"><td><input type='checkbox'></td></tr> <tr class="asd"><td><input type='checkbox'></td></tr> <tr

我有一个html表格,有50行,每行包含一个复选框。我需要通过单击按钮,使用jquery选择表中的前五个复选框

<table>
  <tr class="asd"><td><input type='checkbox'></td></tr>
  <tr class="asd"><td><input type='checkbox'></td></tr>
  <tr class="asd"><td><input type='checkbox'></td></tr>
  <tr class="asd"><td><input type='checkbox'></td></tr>
</table>

一个小例子,如何解决:

 var elemens =     $( "table input:checkbox" );

 for(var i = 0 ; i <5; i++){
 //do your logic
 }
var elemens=$(“表输入:复选框”);
对于(var i=0;i,这里是


您可以使用lt(小于)修饰符

$('#table input[type="checkbox"]:lt(5)').prop('checked', true);
这里是JSBin:


使用第一次未保存的更改更新了JSBin。按“使用JS运行”,然后按按钮。

您可以使用选择器访问前5个复选框,如下所示:

$(“按钮”)。单击(函数(){
$(“表tr:checkbox:lt(5)”).prop(“选中”,true);
})
表格{
浮动:左;
宽度:100%;
文本对齐:左对齐;
边框:1px实心#FFB76D;
}
标题跨度{
边框:1px实心#FFB76D;
文本对齐:居中;
字体大小:粗体;
显示:块;
字体大小:14px;
颜色:#22222;
背景#FFB76D;
填充:5px0px;
}
tr td{
背景色:#FFF;
颜色:#555555;
高度:40px;
边框底部:1px实心#FFB76D;
垂直对齐:中间对齐;
填充:0 10px;”
}

测试
7491874
阿米尔·莫因法医学博士
36
非常感谢。
09/15/2014
Q
7491874
阿斯达
36
非常感谢。
09/15/2014
Q
7491874
阿米尔·莫因法医学博士
36
非常感谢。
09/15/2014
Q
7491874
阿斯达
36
非常感谢。
09/15/2014
Q
7491874
阿米尔·莫因法医学博士
36
非常感谢。
09/15/2014
Q
7491874
阿斯达
36
非常感谢。
09/15/2014
Q

选择5
请,提供一些代码供我们查看。您尝试过什么吗?请避免使用内联样式…@TusharGupta,对不起,不知何故JSBin没有保存我的最新更改(甚至没有按钮)。我再次更新了bin:您只需按“用JS运行”“然后按一个按钮。它会起作用。@WhiteAngel您好,如果您有一个改进的答案,请编辑您的答案并在那里更新,而不是在评论中更新,这样就可以恢复否决票(否决票在5分钟后被锁定,只有在稍后编辑帖子时才能恢复)@TJ,谢谢。完成。”。
$('#table input[type="checkbox"]:lt(5)').prop('checked', true);