Блог

Формы имеют action атрибут, указывающий, куда (например .php , файл) отправлять. Есть ли <input> у элементов action атрибут?

1. Ответ, скорее всего, нет. Но я хотел бы знать, в какой концепции я здесь ошибаюсь?
2. Есть ли эквивалент action for <input> ?
3. Причина, по которой я спрашиваю об этом, заключается в том, что у меня есть несколько флажков, и я хочу использовать AJAX для запуска чего-либо в PHP-файл, так что a div изменяется при установке флажков (я не хочу перезагружать всю страницу).). Как мне это сделать?

Я все еще разрабатываю код на этом этапе, но пример можно увидеть здесь .

Ценю ваши предложения!

Судя по комментариям, это действительно звучит так, как будто вы хотите, чтобы что-то отправлялось, когда может быть изменено любое количество флажков.

Добавьте обработчик событий ко всем из них, сериализуйте () форму и публикуйте ее всякий раз, когда какой-либо из них изменяется

 var $form =$('#myForm'); 
$form.find(':checkbox').change(function(){
     var formData = $form.serialize();
     $.post('/someFile.php', formData, function(response){
         // do something with response
     }).fail(function(){
         alert("Oops something bad happened');
     });
});
  

Используйте методы jQuery AJAX:

AJAX — это искусство обмена данными с сервером и обновления частей веб-страницы — без перезагрузки всей страницы.

ПРИМЕР:

 $(document).ready(function(){
    $("button").click(function(){
    // You can call ajax on any event of html element like checkbox checked, dropdown changed
        $.ajax({url: "demo_test.txt", success: function(result){
            $("#div1").html(result);
        }});
    });
});
  

 $(document).on('change', '#checkboxid', function() {
    if ($(this).is(':checked')) {
        $('#container').load('pages/somephpfile.php');
    }

});
  

Использовать .load() при смене флажка

1. вы не можете установить, какой php-файл загружать, основываясь на статусе флажка.

Также попробуйте

 $(document).on('change', '#checkboxid', function() {
    $.ajax({
        type: 'POST',
        url: 'somephp.php',
        dataType: "html",
        success: function(data) {
            $('#container').html(data) //load the data from somephp.php here
        }
    });
});