選中所有帶有文本鏈接的複選框：錯誤

Question

我一直試圖根據以下鏈接爲表單創建「全​​選」複選框，但我不斷收到錯誤。我搜查了，但沒有運氣搞清楚這一點。我不確定是否有選擇器正確設置。任何幫助將非常感激！

Select all checkboxes with a text link

形式

<li id='field_1_17' class='gfield gfield_html gfield_html_formatted gfield_no_follows_desc' > 
    <a href="#' id="checkall">Select all checkboxes</a> 
</li> 

<li id='field_1_12' class='gfield' > 
    <label class='gfield_label'>Wednesday 1/22</label> 
    <div class='ginput_container'> 
     <ul class='gfield_checkbox' id='input_1_12'> 
      <li class='gchoice_12_1'> 
       <input name='input_12.1' type='checkbox' value='2:30-2:40 Welcome and introduction' id='choice_12_1' tabindex='11' /> 
       <label for='choice_12_1'>2:30-2:40 Welcome and introduction</label></li> 

腳本從其他崗位

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

Answer 1

使用你漏點。

$('input_1_12').find(':checkbox').prop('checked', !checked); 

應該是：

$('.input_1_12').find(':checkbox').prop('checked', !checked); 

甚至更​​好：

$('.input_1_12[input[type="checkbox"]').prop('checked', !checked); 

更新時間： 改變attr()到prop()因爲ATTR方法需要一個字符串。

更新2：這裏是你可以使用attr

var checked = $(this).data('checked'), 
    checkboxes = $('.input_1_12[input[type="checkbox"]'); 
if (checked) { 
    checkboxes.removeAttr("checked"); 
}else { 
    checkboxes.attr("checked","checked"); 
} 

Answer 2

一個ID選擇與#開始做什麼，你應該用prop()設置檢查財產！

$(function() { 
    $('#checkall').on('click', function() { 
     var checked = $(this).data('checked'); 
     $('#input_1_12 [type="checkbox"]').prop('checked', !checked); 
     $(this).data('checked', !checked); 
    }); 
});