jquery当checkbox被勾选时做一些动作

在jQuery中，你可以通过监听`checkbox`元素的`change`事件来执行一些操作，比如当它被勾选时。以下是如何实现这个功能的一个示例：

$(document).ready(function () {
    // 获取所有checkbox
    $('input[type="checkbox"]').on('change', function() {
        // 判断当前checkbox是否被选中
        if ($(this).is(':checked')) {
            // 当checkbox被选中时，执行相应动作（如显示某个元素）
            alert('Checkbox has been checked!');
            // 假设有一个div需要在checkbox被选中时显示
            $('#myElementToShow').show();
        } else {
            // 如果未选中，则执行相反的操作（如隐藏该元素）
            $('#myElementToShow').hide();
        }
    });
});

在这个例子中，当任何一个`checkbox`被勾选（`:checked`选择器表示处于选中状态），就会触发`alert`消息并显示具有id `myElementToShow`的元素。如果`checkbox`被取消选中，那么元素会被隐藏。

遇到的问题，如设置jQuery Mobile的`flipswitch`类型checkbox的值为`true`但其显示并未改变，可能是由于`flipswitch`组件有自己的样式和行为。要使`flipswitch`切换到“on”，可能需要调用特定的方法，例如：

// 对于jQuery Mobile flipswitch
$('#remember').data('flipswitch')._setActive(true);

这将会手动激活flipswitch，使其外观变为“on”。