Javascript 选中某个下拉选项和某个单选按钮时显示特定文本的窗体

基本上，我正在创建一个表单，我已经使用targetElement切换查看了onchange，但我似乎无法理解它

下拉列表：A、B、C

收音机：A，B

---

如果下拉菜单A和收音机A被选中，则会显示带有文本的特定div。如果下拉菜单B和收音机A显示另一组。它将以不同的变体显示和隐藏。

没有查看代码的特权，这是您可以采取的一种方法：

$('#form_id').on('change', 'select, :radio', function(){
    if( $('select', '#form_id').val() == 'A' && $('input#radio_A', '#form_id').is(':checked') ){
        $('#my_text_div').show();
    }else if(  $('select', '#form_id').val() == 'B' && $('input#radio_B', '#form_id').is(':checked') ){
        $('#my_text_div').hide();
    }
});

这里有一个简单的例子

谢谢你的帮助

我最后用了这个：

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#test').change(function () {
    $('.regInfo').hide();
    if ($('#initial').is(':checked') && $('#spouse').is(':checked')) $('.initialSpouse.regInfo').show(); // Initial + Spouse
    if ($('#initial').is(':checked') && $('#employee').is(':checked')) $('.initialEmployee.regInfo').show(); // Initial + Employee

    if ($('#t').is(':checked') && $('#spouse').is(':checked')) $('.tSpouse.regInfo').show(); // t + Spouse
    if ($('#t').is(':checked') && $('#employee').is(':checked')) $('.tEmployee.regInfo').show(); // t + Employee

    if ($('#p').is(':checked') && $('#spouse').is(':checked')) $('.pSpouse.regInfo').show(); // p + Spouse
    if ($('#p').is(':checked') && $('#employee').is(':checked')) $('.pEmployee.regInfo').show(); // p + Employee
});
});//]]> 

//

---

所以我有6个div显示不同的文本。

显示一些代码。

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#test').change(function () {
    $('.regInfo').hide();
    if ($('#initial').is(':checked') && $('#spouse').is(':checked')) $('.initialSpouse.regInfo').show(); // Initial + Spouse
    if ($('#initial').is(':checked') && $('#employee').is(':checked')) $('.initialEmployee.regInfo').show(); // Initial + Employee

    if ($('#t').is(':checked') && $('#spouse').is(':checked')) $('.tSpouse.regInfo').show(); // t + Spouse
    if ($('#t').is(':checked') && $('#employee').is(':checked')) $('.tEmployee.regInfo').show(); // t + Employee

    if ($('#p').is(':checked') && $('#spouse').is(':checked')) $('.pSpouse.regInfo').show(); // p + Spouse
    if ($('#p').is(':checked') && $('#employee').is(':checked')) $('.pEmployee.regInfo').show(); // p + Employee
});
});//]]>