$(this).find('.checkbox')[i].checked不能获取第二个被选中的复选框,当第一个复选框没有被选中时。我想根据第i个选中的复选框,获取第i个span标签内的值
时间: 2024-03-26 11:42:02 浏览: 21
可以尝试使用以下代码获取第i个选中的复选框,并获取对应的span标签内的值:
```
var checkboxes = $(this).find('.checkbox');
var spans = $(this).find('span');
var checkedIndex = -1;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedIndex++;
if (checkedIndex === i) {
var value = $(spans[i]).text();
// 处理获取到的值
break;
}
}
}
```
这段代码使用了一个变量`checkedIndex`来记录已经选中的复选框的数量,每次找到一个选中的复选框就将`checkedIndex`加1,如果`checkedIndex`等于当前遍历到的索引i,就说明当前这个复选框是第`checkedIndex+1`个被选中的复选框,此时就可以获取对应的span标签内的值。
相关问题
$(this).find('.checkbox')[i].checked为什么不能选取第二个被勾选的复选框,在第一个复选框没有被选中的情况下
$(this).find('.checkbox')[i].checked 只是获取了第 i 个复选框的 checked 属性值,但是它并没有判断复选框是否被选中。要判断复选框是否被选中,需要使用 $(this).find('.checkbox')[i].is(':checked') 来获取该复选框的选中状态。如果要选择第二个被勾选的复选框,可以使用以下代码:
```
$(this).find('.checkbox').each(function(){
if($(this).is(':checked')){
// 处理已选中的复选框
}
});
```
这段代码会遍历所有的复选框,找到被选中的复选框并进行处理。
jquery选中复选框获取这一行的全部数据
可以使用jQuery的`closest()`和`find()`方法来实现选中复选框获取相应行的数据。假设你的HTML代码如下:
```html
<table>
<tr>
<td><input type="checkbox"></td>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Jane</td>
<td>Smith</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Bob</td>
<td>Johnson</td>
</tr>
</table>
```
那么你可以使用以下jQuery代码:
```javascript
$('input[type="checkbox"]').change(function() {
if(this.checked) {
var row = $(this).closest('tr');
var firstName = row.find('td:nth-child(2)').text();
var lastName = row.find('td:nth-child(3)').text();
console.log(firstName + ' ' + lastName);
}
});
```
这样当你选中一个复选框时,就会输出相应行的第二列和第三列的文本内容。你可以根据实际情况修改代码中的`nth-child`参数来获取相应列的数据。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)