Javascript 如何使用循环中的复选框实现Jquery checkbox all/uncheck all函数？

我在一个循环中有一个复选框，我想使用jquery全部选中和全部取消选中。我已经实现了Jquery的checkall和uncheckall函数，但是，它只在选中checkall标记的复选框之后检查循环中的第一个复选框。我如何才能正确地实现这一点？代码如下所示。谢谢

视图：

全部检查

Javascript:

 <script type="text/javascript">

   $('.check_all').on('click', function () {


    $("#student_id").prop('checked', $(this).prop('checked'));


   });
  </script>

$（'.check_all'）。在（'click'，函数（）{
$（“#学生id”）.prop（'checked'），$（this.prop（'checked'）；
});

输出：

---

您正在创建具有相同id的每个复选框：

id="student_id"

ID在整个页面中应该是唯一的

相反，将其更改为类，例如

class=“student\u id”

，并更改选择器以查找类：

$(".student_id").prop('checked', $(this).prop('checked'));

---

您正在创建具有相同id的每个复选框：

id="student_id"

ID在整个页面中应该是唯一的

相反，将其更改为类，例如

class=“student\u id”

，并更改选择器以查找类：

$(".student_id").prop('checked', $(this).prop('checked'));

---

id

s在文档中必须是唯一的

在jQuery中，使用

.class

代替

\id

，在HTML中使用

class=…

代替

id=…

$(".student_id").prop('checked', $(this).prop('checked'));

看看HTML中的：

• id=name[CS]

  此属性为元素指定名称。此名称在文档中必须是唯一的

• class=cdata列表[CS]

  此属性为元素指定一个类名或一组类名可以为任意数量的元素分配相同的类名称。多个类名必须用空格字符分隔

---

文档中的

id

s必须是唯一的

在jQuery中，使用

.class

代替

\id

，在HTML中使用

class=…

代替

id=…

$(".student_id").prop('checked', $(this).prop('checked'));

看看HTML中的：

• id=name[CS]

  此属性为元素指定名称。此名称在文档中必须是唯一的

• class=cdata列表[CS]

  此属性为元素指定一个类名或一组类名可以为任意数量的元素分配相同的类名称。多个类名必须用空格字符分隔

---

使用

class

代替..因为

id

是唯一的

  $('.check_all').on('click', function () {

    $(".std").prop('checked', $(this).prop('checked'));

   });

还有你的html

<div class="span2"><input type='checkbox' name='student_id[]' class="std" value="<?php echo $row->id;?>"  ></div>

---

改用
类
。因为
id
是唯一的

  $('.check_all').on('click', function () {

    $(".std").prop('checked', $(this).prop('checked'));

   });

还有你的html

<div class="span2"><input type='checkbox' name='student_id[]' class="std" value="<?php echo $row->id;?>"  ></div>

下面的javascript有助于选中循环中的所有复选框选项

function FunCheckAll(obj) {            
if (obj.checked) {
    $('.chkSelectAll').each(function (i, e) {
        if ($(e).is(":not(:visible())") == false) {
            $(e).prop('checked', true);                        
        }
    });
}
else {
    $('.chkSelectAll').each(function (i, e) {
        $(e).prop('checked', false);                    
    });
}

}

chkSelectAll是与复选框一起使用的类的名称。
下面的javascript有助于选中循环中的所有复选框选项

function FunCheckAll(obj) {            
if (obj.checked) {
    $('.chkSelectAll').each(function (i, e) {
        if ($(e).is(":not(:visible())") == false) {
            $(e).prop('checked', true);                        
        }
    });
}
else {
    $('.chkSelectAll').each(function (i, e) {
        $(e).prop('checked', false);                    
    });
}

}

chkSelectAll是与复选框一起使用的类的名称。
ID在上下文页面上必须是唯一的，使用class insteads在上下文页面上必须是唯一的，使用class代替
$（this）。prop（'checked'）==this。checked
$（this）。prop（'checked'）==this。checked