<script> // 复选框的全选和全不选 $(function() { // 获得上面的复选框 var $selectAll = $("#selectAll"); // alert($selectAll.prop("checked")); // 返回undefined未定义 $selectAll.click(function() { // alert($selectAll.prop("checked")); if ($selectAll.prop("checked") == true) { // 上面的复选框已被选中 $(":checkbox[name='ids']").prop("checked", true); } else { // 上面的复选框没被选中 $(":checkbox[name='ids']").prop("checked", false); } }); }); </script> //简洁代码,功能一样 <script> // 复选框的全选和全不选 $(function() { $("#selectAll").click(function() { $(":checkbox[name='ids']").prop("checked", this.checked); // this指代的你当前选择的这个元素的JS对象 }); }); </script>
当前位置:主页 >> JavaScript >> 正文
jQuery实现复选框全选和全不选
阅读:3962 输入:2020-01-28 21:49:22