Question

怎么用jquery来监听checkbox的选中事件?

一组checkbox, 现在想改变其中任意一项的选中状态都弹出一个对话框,     $("#kind input").each(function(index){        $(this).click(function()          kind = $('input[@name=radiokind][@checked]').val();                  } );    });            $("#cz input").each(function(index){        $(this).click(function()          alert('123');                 } );    }); 第一个是一组单选按钮可以实现.第二个是checkbox无效果.

Answer 1

$("#cz :checkbox").click(function(){
alert($(this).val());
});

Answer 2

<div class='test'>
    <input type="checkbox" name="data[]" checked="true" value="1">
    <input type="checkbox" name="data[]" value="2">
    <input type="checkbox" name="data[]" value="3">
    <input type="checkbox" name="data[]" value="4">
</div>
<script>
jQuery(document).ready(function($) {       
$('.test > input[type="checkbox"]').on('change', function(event) {
    console.log($(this).prop("checked"))
});
});
</script>

Answer 3

$("#cz input") 既然用到了#就表示id选择器，肯定最多能取出一个元素，所以不用each，直接赋.click事件

$("#cz input").click(function(){
alert('123');
} );