仅使用一个按钮提交多个值

时间:2016-09-22 20:33:54

标签: javascript jquery forms submit

这是我需要的样本:

<form action="action.php">
<br>
  <input type="radio" name="firstname" value="name1" checked="checked"> First name:name1
  <br>
  <br>
  <input type="hidden" name="lastname" value="lastname1">
  <br>
<br>
  <input type="radio" name="firstname" value="name2"> First name:name2
  <br>
  <br>
  <input type="hidden" name="lastname" value="lastname2">
  <br>
  <br>
  <input type="radio" name="firstname" value="name3"> First name:name3
  <br>
  <br>
  <input type="hidden" name="lastname" value="lastname3">
  <br><br>
  <input type="submit" value="Submit">
</form>

我只需要在检查无线电时提交隐藏值。 例如,如果我选中firstname1,我只需要一起提交firstname1和隐藏lastname1。有人可以帮忙吗?

也许我的问题不正确。当我点击提交时,我只需要对应一个隐藏的值来检查无线电。我无法得到它。我在这里尝试了一些javascript,但没有成功。我走路的地方。有人能说出正确的方法吗?

解决。

4 个答案:

答案 0 :(得分:0)

试试这个:

$(document).ready(function() {

     $("input[type=submit]").on("click",function(e){

         $myRadio = $("input[type=radio]:checked");

         var value1 =$myRadio.val();

         var value2 = $myRadio.nextAll("input[type=hidden]:first").val();

         $.post('action.php', {val:value1,val2:value2 }, function(response) {

             alert(response);

         })

     })

 })

答案 1 :(得分:0)

如果您只想提交表单的某个部分,请从表单中删除操作,然后使用javascript / AJAX提交表单。像这样:

$("#submit").click(function() {
    var data = //get the data you want to submit, i think you can figure that part out.

    $.ajax({
       type: "POST",
       url: "js/sendEmail.php", //same link as your action
       data: data,
       success: function(response){
           console.log(response);

       },
       error: function(response){
           console.log(response);

       }
   });
    return false;
});

答案 2 :(得分:0)

如果它们采用相同的形式,则会自动进行。您需要做的就是正确拉动它们。

所以在php中你会这样做;

$fname = $_POST["firstname1"];

$lname = $_POST["lastname1"];

答案 3 :(得分:0)

我实际上只是将它们分成不同的形式。最快捷的方式,非常容易。

<form action="action.php" id="form1">
  <input type="radio" name="firstname" value="name_1" checked="checked"> First name:name1
  <input type="hidden" name="lastname" value="lastname1">
</form>

<form action="action.php" id="form2">
  <input type="radio" name="firstname" value="name_2" checked="checked"> First name:name2
  <input type="hidden" name="lastname" value="lastname2">
</form>

<form action="action.php" id="form3">
  <input type="radio" name="firstname" value="name_3" checked="checked"> First name:name3
  <input type="hidden" name="lastname" value="lastname3">
</form>
<input id="submitter" type="submit" value="Submit">

在Javascript中,利用jQuery:

var id = -1;
$("input[name=='firstname']").on("click", function(){
  id = $(this).val().split("_")[1];

}).bind(this);

$("#submitter").on("click", function(){
  if(id==-1) return;
  $("form#form"+id)[0].submit();
}).bind(this);