JQuery檢查所有鏈接只發生一次

Question

我有以下代碼。它似乎工作，因爲它會檢查所有的框，然後取消它們。但是，在第一輪之後，它停止檢查和取消選中。它只會檢查一次，並取消選中所有複選框一次。之後，我只有超鏈接纔會顯示並隱藏。

<script type="text/javascript"> 
     function selectAll(){ 
     $("input[type=checkbox]").each(function(){ 
      $(this).attr('checked', true); 
     }); 
     $("#select_all").hide(); 
     $("#unselect_all").show(); 
     } 

     function unselectAll(){ 
     $("input[type=checkbox]").each(function(){ 
      $(this).attr('checked', false); 
     }); 
     $("#select_all").show(); 
     $("#unselect_all").hide(); 
     } 
</script> 

Answer 1

使用.prop()，而不是.attr()：

<script type="text/javascript"> 
     function selectAll(){ 
     $("input[type=checkbox]").each(function(){ 
      $(this).prop('checked', true); 
     }); 
     $("#select_all").hide(); 
     $("#unselect_all").show(); 
     } 

     function unselectAll(){ 
     $("input[type=checkbox]").each(function(){ 
      $(this).prop('checked', false); 
     }); 
     $("#select_all").show(); 
     $("#unselect_all").hide(); 
     } 
</script> 

Answer 2

嘗試使用attr()prop()而不是爲attr()產生意外結果與檢查屬性中使用時，你並不需要在這裏使用each()，也分配一些class到組複選框，而不是適用於網頁上的所有複選框。您可以使用class selector來選擇具有相同class的複選框（元素）。

function selectAll(){ 
    $("input[type=checkbox]").prop('checked', true); 
    $("#select_all").hide(); 
    $("#unselect_all").show(); 
    } 

    function unselectAll(){ 
    $("input[type=checkbox]").prop('checked', false); 
    $("#select_all").show(); 
    $("#unselect_all").hide(); 
    }