Php 基于在第一次输入中选择的内容的第二次输入

我有两个输入，它们在同一页上以相同的形式相互对应

这些输入是：

Select Event:
<input type="radio" name="type" value="Birthday" id="Birthday" CHECKED /> <label for="Birthday">Birthday</label><br />
<input type="radio" name="type" value="Anniversary" id="Anniversary" /> <label for="Anniversary">Anniversary</label><br />
<input type="radio" name="type" value="Holiday" id="Holiday" /> <label for="Holiday">Holiday</label><br />

选择事件：
生日

周年纪念

假日

现在我需要选择上面的输入来对应下面输入的值和IMG SRC

例如，假设选择了上面的生日收音机，那么下面的收音机为：

<input type="radio" name="design" value="Birthday_design_1" id="1" CHECKED /> <label for="1"><img src="images/Birthday_design_1.jpg" border="0" width="150" height="200" /></label>
<input type="radio" name="design" value="Birthday_design_2" id="2" /> <label for="1"><img src="images/Birthday_design_1.jpg" border="0" width="150" height="200" /></label>

或者，如果上面的周年纪念广播是在上面填写的，那么下面的广播将是：

<input type="radio" name="design" value="Anniversary_design_1" id="1" CHECKED /> <label for="1"><img src="images/Anniversary_design_1.jpg" border="0" width="150" height="200" /></label>
<input type="radio" name="design" value="Anniversary_design_2" id="2" /> <label for="1"><img src="images/Anniversary_design_1.jpg" border="0" width="150" height="200" /></label>

<input type="radio" name="design" value="Holiday_design_1" id="1" CHECKED /> <label for="1"><img src="images/Holiday_design_1.jpg" border="0" width="150" height="200" /></label>
<input type="radio" name="design" value="Holiday_design_2" id="2" /> <label for="1"><img src="images/Holiday_design_1.jpg" border="0" width="150" height="200" /></label>

或者，如果上面的假日收音机已填充，则下面的收音机将为：

<input type="radio" name="design" value="Anniversary_design_1" id="1" CHECKED /> <label for="1"><img src="images/Anniversary_design_1.jpg" border="0" width="150" height="200" /></label>
<input type="radio" name="design" value="Anniversary_design_2" id="2" /> <label for="1"><img src="images/Anniversary_design_1.jpg" border="0" width="150" height="200" /></label>

<input type="radio" name="design" value="Holiday_design_1" id="1" CHECKED /> <label for="1"><img src="images/Holiday_design_1.jpg" border="0" width="150" height="200" /></label>
<input type="radio" name="design" value="Holiday_design_2" id="2" /> <label for="1"><img src="images/Holiday_design_1.jpg" border="0" width="150" height="200" /></label>

正如您可能看到的，输入值的变化以及收音机的IMG SRC的变化

请帮助我，我相信jQUERY将是这方面所需要的

谢谢，

---

Chad.

您没有提到前三个按钮的父按钮。这样可以更容易地绑定更改事件，而不会影响页面上的其他按钮。您需要为前三个单选按钮编写更改事件。然后检查id。如果id匹配，则相应地执行操作

$('input:radio').change(
                     function(){
                     if($(this).attr("id")=="Birthday")
                     {
                      //show birthday category buttons
                     }
                     if($(this).attr("id")=="Anniversary")
                     {
                      //show Anniversary category buttons
                     }
                     if($(this).attr("id")=="Holiday")
                      {
                      //show Holiday category buttons
                     }
                     else{
                      //do nothing for other radio buttons....
                      }
                    }
                );

和javascript：

$(document).ready(function () {
    $('.event_radio').click(function () {
        $radio = $(this);

        $('.group-1, .group-2, .group3').fadeOut('fast');

        $('.'+$radio.attr('group_class')).fadeIn('fast');
    });
});

---

不管你的问题是什么，只要保持你的ID是唯一的我知道我必须使用这样的东西，但我不知道如何根据第一个收音机的值来改变收音机的值<代码>$（'input[type='radio'][name=theme]：选中]）.val（）我实际上在表单中有不止一个单选按钮，我只是在我的第一篇文章中没有提到，那么我如何从类型radio中明确识别它是radio。javascript不起作用，它不会改变显示：无css属性或组_类中的fadeIn。这可能是因为我还有其他电台的格式。你所说的最后一个代码到底是什么意思？PS，我的错误控制台说：

uncaughtreferenceerror:$未在起始
$（文档）
行定义。…PS，我的错误控制台说：uncaughtreferenceerror:$未在起始$（文档）行定义。…将其添加到标记