Question

我真的需要你帮我解决这个问题。我搜索过，没有发现上述主题。

我有一个包含2个以上选项单选按钮和一个提交按钮的表单。我用setTimeOut脚本编写表单 - ＆gt;如果在15秒内未采取任何措施，则该页面应自行提交。 ......那很有效！

我要添加的另一个条款是，点击任何单选按钮，表单应自动提交。这是因为，我想丢弃提交按钮。

因此，SetTimeOut函数仍将保留，并使用onClick事件自动提交。

我的计时器功能是：

<script type="text/javascript">
var mins;
var secs;
function cd() {
mins = 1 * m("01"); // change minutes here
secs = 0 + s(":00"); // change seconds here (always add an additional second to your total)
redo();
}
function m(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + 1) == ":")
break;
}
return(obj.substring(0, i));
}
function s(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + 1) == ":")
break;
}
return(obj.substring(i + 1, obj.length));
}
function dis(mins,secs) {
var disp;
if(mins <= 9) {
disp = " 0";
} else {
disp = " ";
}
disp += mins + ":";
if(secs <= 9) {
disp += "0" + secs;
} else {
disp += secs;
}
return(disp);
}

function redo() {
secs--;
if(secs == -1) {
secs = 15;
mins--;
}
//document.getElementById(txt.innerHTML) = dis(mins,secs);
document.cd.disp.value = dis(mins,secs); // setup additional displays here.
if((mins == 0) && (secs == 0)) {
//window.alert("Time is up. Press OK to continue."); // change timeout message as required
document.getElementById('form2').submit();
window.location = "testResult.php" // redirects to specified page once timer ends and ok button is pressed
} else {
cd = setTimeout("redo()",1000);
}
}

function init() {
cd();
}
window.onload = init;

//在页面加载时，时间显示表单（CD）的文本框（显示）中的倒计时

因此，无线电按钮的代码是：

<form id="form2" name="form2" method="post" action="testResult.php?Id=<?php echo $SID;?>&QuizId=<?php echo $qId;?>">
<table width="60%" border="0" cellpadding="0" cellspacing="0" align="center">

<?php
 $q=$Question;
$qid = '<input type="hidden" name="qid" id="qid" value="'.$Id.'" />';//question Id
$atsh='<input type="hidden" name="ats" id="ats" value="'.$atsid.'" />';//subject Id
//$quizh='<input type="hidden" name="quiz" id="quiz" value="'.$Quiz.'" />';//quiz Id
$qh='<input type="hidden" name="quest" id="quest" value="'.$Question.'" />';//get the question
$ah='<input type="hidden" name="ans" id="ans" value="'.$Answer.'" />'; //get the correct answer
$qA='<input type="radio" name="RadioGroup'.$i.'" value="'.$OptionA.'" id="OptionA" />'.$OptionA;//get the choices
$qB='<input type="radio" name="RadioGroup'.$i.'" value="'.$OptionB.'" id="OptionB" />'.$OptionB;
$qC='<input type="radio" name="RadioGroup'.$i.'" value="'.$OptionC.'" id="OptionC" />'.$OptionC;
$qD='<input type="radio" name="RadioGroup'.$i.'" value="'.$OptionD.'" id="OptionD" />'.$OptionD;


echo '<tr><td height="36" colspan="2" bgcolor="#85A157">
<span class="style1">Q.'.$Id.') '.$q.'</span>'.$qh.$ah.$atsh.$qid.'</td></tr>';
    echo '<tr><td  colspan="2">

<table width="100%" height="64" border="2" cellpadding="0" cellspacing="0" bordercolor="#A6BF79">';

echo '<tr><td height="32" width="50%">'.$qA.'</td>';
echo '<td width="50%">'.$qC.'</td></tr>';
echo '<tr><td height="32" width="50%">'.$qB.'</td>';
echo '<td width="50%">'.$qD.'</td></tr>';
?>

<input type="submit" name="button" id="button" value="Submit" />

我遇到的挑战是，当用户点击任何单选按钮时，我不知道如何让表单自行提交。

Answer 1

只需在您的无线电中添加onchange属性：

$qA='<input type="radio" onchange="this.form.submit();" name="RadioGroup'.$i.'" value="'.$OptionA.'" id="OptionA" />'.$OptionA;//get the choices
$qB='<input type="radio" onchange="this.form.submit();" name="RadioGroup'.$i.'" value="'.$OptionB.'" id="OptionB" />'.$OptionB;
$qC='<input type="radio" onchange="this.form.submit();" name="RadioGroup'.$i.'" value="'.$OptionC.'" id="OptionC" />'.$OptionC;
$qD='<input type="radio" onchange="this.form.submit();" name="RadioGroup'.$i.'" value="'.$OptionD.'" id="OptionD" />'.$OptionD;

并且不需要jquery，所有表单元素都可以使用this.form

引用其父表单

Answer 2

我能想到的最简单的方法是使用jquery。

确保在您的网页上包含jquery并使用：

$(document).on("click", "input[type='radio']", function(){

  $("#form2").submit();

});

Answer 3

您可以使用jQuery提交表单：

$('input[name=RadioGroup]').change(function () {

    $("#form2").submit();

});

Answer 4

我没有看到默认选中的单选按钮，因此您可以添加

onchange="document.getElementById('form2').submit()"

到所有单选按钮。

Answer 5

在普通的javascript中，您可以修改init()函数，例如：

function submit_form() {
  document.getElementById('form2').submit();
}

function init() {
  var radio_buttons = document.querySelectorAll("input[type=radio]");

  radio_buttons.onclick = submit_form;
  // or:
  // radio_buttons.addEventListener("click", submit_form);

  cd();  
}

（使用单独的功能在您多次使用时提交）

PHP表单 - 单击单选按钮提交表单

5 个答案: