获取选择的单选按钮值,单击提交并将值传递给函数

时间:2013-01-08 12:06:36

标签: php javascript jquery

我正在用PHP做一些工作。我有两个php页面

的index.php

<html>
<head>
<script>
function getVote(int)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("poll").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","poll-vote.php?vote="+int,true);
xmlhttp.send();
}
</script>
</head>
<body>
<h3>Is this correct? </h3>
<div id="poll">

<form>
Yes:
<input type="radio" name="vote" value="0">
<br>No:
<input type="radio" name="vote" value="1">
<input type="submit" value="Forward" onclick="getVote(value);"> 
</form>
</div>
</body>
</html>

点击提交按钮我需要获取所选单选按钮的值并将其传递给该功能。

请帮帮我

6 个答案:

答案 0 :(得分:1)

只需在内联电话中调用一个函数...

 <input type="submit" value="Forward" onclick="getVote();"> //here

并在您的函数中获取已检查的无线电值..

var radiovalue= $('input[name="vote"]:checked').val()

试试这个

<强> JAVASCRIPT

function getVote()
{
 var radiovalue= $('input[name="vote"]:checked').val()
 if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
 else
 {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.onreadystatechange=function()
{

 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
   document.getElementById("poll").innerHTML=xmlhttp.responseText;
  }
}
xmlhttp.open("GET","poll-vote.php?vote="+radiovalue,true);
xmlhttp.send();
}

<强> HTML

<input type="submit" value="Forward" onclick="getVote();"> 

答案 1 :(得分:0)

提供行动和方法属性以形成第一个

<form action="index.php" method="post">

而且只有你能得到如下的价值:

$vote = $_POST['vote'];

我希望这就是你要找的东西。

答案 2 :(得分:0)

尝试:

function getVote()
{
    var int=document.getElementById("vote").value;
    ....
编辑:注意到它是一个无线电输入......所以这不起作用。你需要这样的东西:

function getRadioCheckedValue(radio_name)
{
   var oRadio = document.forms[0].elements[radio_name];

   for(var i = 0; i < oRadio.length; i++)
   {
      if(oRadio[i].checked)
      {
         return oRadio[i].value;
      }
   }

   return '';
}

然后做:

function getVote()
{
    var int=getRadioCheckedValue(vote);
    ....

答案 3 :(得分:0)

通过jquery,您可以获得所选收音机的价值:

$('input[name=vote]:checked').val()

答案 4 :(得分:0)

尝试更改那些2:

<form name="myForm"> 

onclick="getValue(document.myForm);"

然后功能:

function getValue(form){
 var value = '';
 for (var i = 0; i < form.elements.length; i++ ) {
   if (form.elements[i].type == 'radio') {
         if(form.elements[i].checked == true) {
             value = form.elements[i].value;
        }
     }
   }

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("poll").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","poll-vote.php?vote="+value,true);
xmlhttp.send();
}

答案 5 :(得分:0)

无任何值调用函数,然后在函数之间读出radiobutton,如下所示:

var rval = document.getElementsByName('vote');

for (var i = 0, length = rval.length; i < length; i++) {
    if (rval[i].checked) {
        alert(rval[i].value); // your value
    }
}