Question

我有一個選擇所有切換工作時使用複選框。

但嘗試使用的圖像時，而不是失敗，我不明白爲什麼..

我創建了一個小提琴說明我的意思。 http://jsfiddle.net/70fo0j6q/

This works 
<input type="checkbox" id="ckbCheckAll" /> 

This doesn't 
<img src ='images/all.jpg' id='ckbCheckAll2'>ALL</img> 

我在做什麼錯？

感謝

Answer 1

因爲圖像沒有checked屬性，你需要到別的地方存儲狀態就像一個變量或使用data API

$(document).ready(function() { 
 
    $('#ckbCheckAll').click(function() { 
 
     $('input[name=A\\[\\]]').prop('checked', $(this).prop('checked')); 
 
    }); 
 

 
    var checked = false; 
 
    $('#ckbCheckAll2').click(function() { 
 
     checked = !checked; 
 
     $('input[name=A\\[\\]]').prop('checked', checked); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="checkbox" id="ckbCheckAll" /> 
 
<p id="checkBoxes"> 
 
    <input type="checkbox" class="checkBoxClass" id="Checkbox1" name="A[]" /> 
 
    <br /> 
 
    <input type="checkbox" class="checkBoxClass" id="Checkbox2" name="A[]" /> 
 
    <br /> 
 
    <input type="checkbox" class="checkBoxClass" id="Checkbox3" name="A[]" /> 
 
    <br /> 
 
    <input type="checkbox" class="checkBoxClass" id="Checkbox4" name="A[]" /> 
 
    <br /> 
 
    <input type="checkbox" class="checkBoxClass" id="Checkbox5" name="A[]" /> 
 
    <br /> 
 
</p> 
 
<img src='//placehold.it/24&text=ALL' id='ckbCheckAll2'>ALLALL

Answer 2

的圖片沒有檢查屬性：

$(this).prop('checked') 

試試這個：

$('#ckbCheckAll2').click(function() { 
    $('input[name=A\\[\\]]').prop('checked', !$("#Checkbox1").prop('checked')); 
});