在php中选择单选按钮的那一刻，更改提交按钮图像

Question

这是动态单选按钮：

echo "<input type='radio' name='q_id' value='.$ans[$i].' id='.$i.'>$ans[$i].";

这是提交按钮：

<input type="submit" name="submit" id="submit" value="Submit" style="border: 0; background: transparent"><img src="images/skip.png" alt="submit_x" width="223" hspace="40" height="49"/>

我想在点击单选按钮的那一刻更改按钮中的图像源。新的图像源将是“images / next.png”

图像的这种变化必须在提交表单之前完成。

Answer 1

在单选按钮中添加一个类，以便能够通过客户端代码对其进行定位：

$('.myclass').on('change' , function(){
   if ($(this).is(':checked'))
    {
      $('#submit').css("background-image", "url(images/next.png)");
    }
});

如果你不能添加一个类，你必须在初始按钮echo之后回显脚本标记并将id回显到选择器。