javascript - 如何使用 Javascript 和 Jquery 分别验证通过 PHP 循环创建的每个简单的 HTML 单选表单

Question

我制作了一些仅包含单选按钮和提交按钮的 html 表单。但是，我无法让它们相互独立地正确验证。这是我的代码:

表单的 PHP/HTML 代码:

<table>
<?php
for($i=0; $i<count($array1); $i++)
{
  $number = $i + 1;
  echo "<TR><TD>;
  echo "<form name='move' action='listChange_controller.php' method='POST'>Title:<br/>
        <input type='radio' name='change".$number."' value = 'val1' />Thing1
        <input type='radio' name='change".$number."' value = 'val2'/>Thing2
        <input type='radio' name='change".$number."' value = 'val3'/>Thing3
        <input type='button' name='submit' value='submit' onClick='validate(".$number.");'/>";
  echo "</form>";
  echo "</TD></TR>";
}
?>
</table>

这是我一直在尝试的 javascript/jquery，但没有成功:

function validate(number)
{
    var name_var = 'change'+number;
    if($('input:radio[name=name_var]:checked').length > 0)
    {
        $.post('file.php',{ name_var:$('input:radio[name=name_var]:checked').val()});
    }
    else
    {
       alert('You must choose');
       return false; 
    }
}

当我这样做时，它总是认为我在按下提交之前没有选择单选按钮；它总是执行我的 javascript 函数的“其他”部分。

请告诉我它为什么不起作用，以及什么会起作用。任何帮助和建议表示赞赏。

Answer 1

这一行...

if($('input:radio[name=name_var]:checked').length > 0)

应该阅读

if($('input:radio[name=' + name_var + ']:checked').length > 0)