Jquery - несколько селекторов

Question

У меня есть приведенный ниже код, поэтому он не позволяет моей странице обновляться при каждой отправке.

Могу ли я изменить его, чтобы вместо селектора отправки я использовал name="value" и поместил несколько значений?

Мне нужно это, потому что у меня есть кнопки отправки, которые type="image", поэтому я не могу использовать селектор отправки.

например, если у меня есть кнопки с именами = {nam1, nam2, nam3}, как я могу изменитьэтот код для того, чтобы страница не обновлялась при щелчке по ней?

$(".class123").click(function() {
  var keyValues = {
    pid : $(this).parent().find('input[name="pid"]').val(),
    };
      $.post('help_scripts/cart_functions.php', keyValues, function(rsp) {
       // make your php script return some xml or json that gives the result
       // rsp will be the response
       });
         return false;
         // so the page doesn't POST
 });

В этой строке - ЧТО НУЖНО ИМЕТЬ -

pid : $(this).parent().find('input[name="pid"]').val(),

pid - это имя и идентификатормоя 1-я кнопка ... Как мне добавить дополнительные значения клавиш здесь?

Answer 1

Я думаю, что вы можете просто сделать разделители запятыми:

$(':submit').click(function() {
  var keyValues = {
    pid : $('input[name="nam1"],input[name="nam2"],input[name="nam3"]').val(),
    };
      $.post('help_scripts/cart_functions.php', keyValues, function(rsp) {
       // make your php script return some xml or json that gives the result
       // rsp will be the response
       });
         return false;
         // so the page doesn't POST
 });

http://api.jquery.com/multiple-selector/

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

Селектор кнопок:

$(":button")

Селектор класса:

$(".SubmitButton")

Answer 2

Изменение типа подчиняется простой простой ванили <button>.