如何使用jQuery和单选按钮切换两个图像？

这并不漂亮，但我想你会明白我想做的

<label><input name="jpgSel" type="radio" value="0">jpg 1</label><br />
<label><input name="jpgSel" type="radio" value="1">jpg 2</label><br />
<div id="showjpg"></div>

应该读

if ($("#jpgSel:checked").val() == 1) {

或者那是一个打字错误

此外，您可能希望使用

$（'#jpgSel:checked'）

单独使用w/out

==1

编辑

---

噢和

$（“input[@name='jpgSel']）。单击（function（）{

可能更好。

您有几个问题：

• #showjpg

  元素是一个

  div

  ，应该有一个

  img

  元素
• 用于绑定

  更改

  事件的选择器不正确（

  $（“选择”）

  ），它应该类似于

  $（“输入[name=jpgSel]”）

• 如果将更改事件绑定到两个单选按钮，则只需通过

  this.value

  即可获得所选元素的值

试试这个：

$(document).ready(function() {
  $("input[name=jpgSel]").change(function () {
    if (this.value == "0") {
      $('#showjpg').attr({
        src: 'one.jpg',
        alt: 'one dot jpg'
      });
    } else {
      $('#showjpg').attr({
        src: 'two.jpg',
        alt: 'two dot jpg'
      });
    }
  });
});

---

检查一个示例。

jpgSel是一个名称，必须这样选择

$("[name='jpgSel']:checked") 

尽管我认为这样使用.click（）函数会更容易

$("[name='jpgSel'][value='0']").click(function{/*do something*/});
$("[name='jpgSel'][value='1']").click(function{/*do something else*/});

---

你不再需要

@

，也不需要单引号。所以

$（“input[name=jpgSel]”）应该这样做。

谢谢！这正是我要找的。而且解释得很透彻。真的，谢谢你。

$("[name='jpgSel']:checked") 

$("[name='jpgSel'][value='0']").click(function{/*do something*/});
$("[name='jpgSel'][value='1']").click(function{/*do something else*/});