php - 在 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)");
    }
});

如果您无法添加类，则必须在初始按钮回显后回显脚本标记并将 id 回显到选择器中。