checkbox - отмечен или снят с jquery и mysql

Question

В настоящее время я работаю в системе, в которой должна быть возможность установить / снять флажок.Каждый раз, когда он меняет статус, мне нужно сделать jquery и вызвать ajax на страницу, которая обновляет базу данных.

Моя проблема - как я могу это сделать, чтобы она обновлялась?.

Answer 1

Например, вы можете сделать это так:

Сначала вы должны посмотреть, если флажок установлен:

$("#yourSelector").live("click", function(){
        var id = parseInt($(this).val(), 10);
        if($(this).is(":checked")) {
            // checkbox is checked -> do something
        } else {
            // checkbox is not checked -> do something different
        }
});

Вы можете загрузить определенный контент через Ajax:

$.ajax({
                type: "POST",
                dataType: "xml",
                url: "path/to/file.php",
                data: "function=loadContent&id=" + id,
                success: function(xml) {
                    // success function is called when data came back
                    // for example: get your content and display it on your site
                }
});

Answer 2

На какой бит вы застряли? Вы, наверное, должны иметь что-то вроде этого ...

$('#myCheckbox').click(function() {
    var checked = $(this).is(':checked');

    $.ajax({
        type: "POST",
        url: myUrl,
        data: { checked : checked },
        success: function(data) {
            alert('it worked');
        },
        error: function() {
            alert('it broke');
        },
        complete: function() {
            alert('it completed');
        }
    });
});

Answer 3

<input type="checkbox" name="foo" value="bar" class="checkIt"/>

<script type="text/javascript">
    $('.checkIt').bind('click', function() {
        if($(this).is(":checked")) {
            // checkbox is checked
        } else {
            // checkbox is not checked
        }
    });
</script>

Теперь вы можете установить несколько флажков.

Answer 4

Как то так наверное?

$('.checkbox').click(function (){
    var val = $(this).is(':checked');
    $.load('url_here',{status:val});
});

Answer 5

Определить, если установлен флажок:

if ( $('#id').is(':checked') ) { }

Это может быть выполнено в функции, которая вызывается событием "onchange".