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')); 
});