我如何启用/禁用电台选择的div

我有一个表格，我想提供3个选项来支付一个事件。每个选项都是一个单选按钮，并包含一个包含付款明细的div。我想隐藏这些div直到选中一个单选按钮。我如何启用/禁用电台选择的div

我创建了一个的jsfiddle与我目前所：http://jsfiddle.net/Kvg8M/1/

此刻，我已设法让所有3周的div被隐藏，并出现在同一时间，但我想只显示一个取决于收音机选择的细节集并隐藏其他。

这里是JS：

$(document).ready(function() { 
    $(".paymentmethod").click(function() { 
     $(".paymentinfo").show('slow'); 
    }); 
});

来源

2013-03-01 sampotts

**授权 – 2013-03-01 02:50:24

感谢您的意见，不同的方式去了解这一点。 – sampotts 2013-03-01 03:34:05

看的价值，并显示相应的DIV。

$(document).ready(function() { 
    $(".paymentmethod").click(function() { 
     $(".paymentinfo").hide(); 
     switch ($(this).val()) { 
      case "Direct Deposit": 
       $("#pay0").show("slow"); 
       break; 
      case "Credit Card Authorisation": 
       $("#pay1").show("slow"); 
       break; 
      case "Cash at FAA Office (In Person)": 
       $("#pay2").show("slow"); 
       break; 
     } 
    }); 
});

FIDDLE

来源

2013-03-01 02:47:34 Barmar

我会一个data-pay属性添加到每个输入等于的id价值<div>你想显示：

HTML：

<input type="radio" value="Direct Deposit" id="CAT_Custom_249152_0" name="CAT_Custom_249152" class="paymentmethod" data-pay="pay0"/> 
<input type="radio" value="Credit Card Authorisation" id="CAT_Custom_249152_1" class="paymentmethod" name="CAT_Custom_249152" data-pay="pay1"/> 
<input type="radio" value="Cash at FAA Office (In Person)" id="CAT_Custom_249152_2" class="paymentmethod" name="CAT_Custom_249152" data-pay="pay2"/>

Javascript：

$(document).ready(function() { 
    $(".paymentmethod").click(function() { 
    $('.paymentinfo').hide(); 
    $('#'+$(this).data('pay')).show('slow'); 
    }); 
});

FIDDLE

来源

2013-03-01 03:04:04 shaun5

我如何启用/禁用电台选择的div

回答

相关问题