通过单选按钮检查提交表单

Submit form on radio button check

本文关键字：提交 表单 检查 单选按钮      更新时间：2023-09-26

如果检查了表单radioform中的单选项，我如何提交表单sAddToBasket？

<form name="radioform" method="post" action="something1.php">
    <input type="radio" onchange="this.form.submit();" class="option--input" id="radio1" name="radio" value="">
    <input type="radio" onchange="this.form.submit();" class="option--input" id="radio2" name="radio" value="">
</form>
<form name="sAddToBasket" method="post" action="something2.php">
    <input type="hidden" name="option1" value="value1"/>
    <input type="hidden" name="option2" value="value2"/>
</form>

我会去掉DOM（你的onchange=...）中的JS，然后做这样的事情：

$(document).ready( function() {
  $("form[name=radioform] input").on("change", function() {
    $("form[name=sAddtoBasket").submit();
  }
});

你可以尝试一些类似的东西

<form name="radioform" method="post" action="something1.php"> <input type="radio" onchange="document.getElementById('sAddToBasket').submit();" class="option--input" id="radio1" name="radio" value=""> <input type="radio" onchange="document.getElementById('sAddToBasket').submit();" class="option--input" id="radio2" name="radio" value=""> </form>
 <form id='sAddToBasket' name="sAddToBasket" method="post" action="something2.php"> <input type="hidden" name="option1" value="value1"/> <input type="hidden" name="option2" value="value2"/> 
</form>

onchange您可以调用如下的js函数。

<input type="radio" onchange="formSubmit(this)" class="option--input" id="radio1" name="radio" value="">
<form id="sAddToBasket">
</form>
<script>
function formSubmit(radioObj){
  if(radioObj.checked){
    document.getElementById("sAddToBasket").submit();
  }
}
</script>

只需为单选按钮添加一个类。

<form name="radioform" method="post" action="something1.php">
    <input type="radio"  class="option--input subForm" id="radio1" name="radio" value="">
    <input type="radio"  class="option--input subForm" id="radio2" name="radio" value="">
</form>

在脚本上使用这个：

 $(function(){
$('.subForm').click(function(){
if($(this).is(":checked")
$('form[name=sAddtoBasket]').submit();
})
})
相关文章：