jquery - 选择带有文本链接的所有复选框

Question

我制作了一个带有“全选”复选框的表单，该复选框选中了该表单中的所有其他复选框。

我想对其进行修改，以便全选功能可以使用文本链接，如下所示:

链接

<a href="#' id="checkall">Select all checkboxes</a>

目前它的工作原理如下，使用另一个复选框来选择所有其他复选框

表格

<form action="#" method="post" id="myform">

<fieldset>
<div class="radio"><input type="checkbox" name="checkall" id="checkall"> <label for="checkall">Check all</label></div>

<div class="radio"><input type="checkbox" name="checkbox1" id="checkbox1"> <label for="checkbox1">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox2" id="checkbox2"> <label for="checkbox2">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox3" id="checkbox3"> <label for="checkbox3">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox4" id="checkbox4"> <label for="checkbox4">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox5" id="checkbox5"> <label for="checkbox5">Checkbox</label></div>

<div class="radio"><input type="checkbox" name="checkbox6" id="checkbox6"> <label for="checkbox6">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox7" id="checkbox7"> <label for="checkbox7">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox8" id="checkbox8"> <label for="checkbox8">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox9" id="checkbox9"> <label for="checkbox9">Checkbox</label></div>
<div class="radio"><input type="checkbox" name="checkbox10" id="checkbox10"> <label for="checkbox10">Checkbox</label></div>

</fieldset>

</form>

脚本

<script type="text/javascript">
$(function () {
$('#checkall').click(function () {
    $('fieldset').find(':checkbox').attr('checked', this.checked);
});
});
</script>

我在网上查过，找不到解决方法，不胜感激，谢谢

Answer 1

你可以这样做，

 $('#checkall').click(function () {
       var text=$(this).text(); 

       if (text=='Uncheck all'){
           $('fieldset').find(':checkbox').attr('checked', false);
           $(this).text('Check all');
        }else{
          $('fieldset').find(':checkbox').attr('checked', true);
          $(this).text('Uncheck all');
     }
    });
 });