Javascript JQuery自定义图像从复选框到收音机

我正在使用下面的代码用我自己的图像创建一个自定义复选框，它可以工作，但是它使用了一个复选框，我需要使用单选按钮

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
 $(document).ready(function(){

$("#moreinfo").change(function() {
   if(this.checked) {
       $(this).prev().attr("src", "checkbox_unchecked.gif");
   } else {
       $(this).prev().attr("src", "checkbox_checked.gif");
   }
});

 });

</script>

$（文档）.ready（函数（）{
$（“#moreinfo”）.change（函数（）{
如果（选中此项）{
$（this.prev（）.attr（“src”，“checkbox_unchecked.gif”）；
}否则{
$（this.prev（）.attr（“src”，“checkbox_checked.gif”）；
}
});
});

接下来…这里是HTML：

<label for="moreinfo">
     <img src="checkbox_unchecked.gif"/>
     <input name="moreinfo" type="checkbox" id="moreinfo" style="display:none">
</label>

如果这是一个从复选框更改为单选类型的问题，或者jquery也需要更改吗

如何进行此操作？

将

type=“checkbox”

更改为

type=“radio”

（并添加一些用于测试的单选按钮，通过

name

属性将它们分组，它们可能没有相同的

id

，因为id是唯一的！）。然后，您还需要处理替换图像的单击事件。

---

但事实上，这超出了你原来的问题，你只要试一下就可以解决这个问题

单选按钮也使用选中的属性。因此，您可以在不更改脚本（可能是GIF）的情况下切换元素。 但是您的脚本将永远不会运行，因为您的复选框/单选按钮不会显示。

---

因此，您需要一些功能来更改单击图像时的状态。

您没有添加HTML。