jQuery-选择单选按钮并填充文本字段时显示div

Question

当选择了单选按钮并且输入了文本字段时，我需要显示一个隐藏的div。 现在，当在文本字段中输入文本时，我的脚本将显示隐藏的div。 有人可以帮我调整脚本，以便还需要在显示div之前选择单选按钮吗？ 在显示div之前，我需要满足两个条件。

<!--RADIO BUTTON-->
<input name="term" type="radio" id="promoPrice">
<strong>$XX.XX</strong>
<div class="promoPrice1" style="display: none;">
<img src="images/x.png" style="vertical-align: middle;"> <span style="padding-left: 5px; font-weight: bold; line-height: 18px; vertical-align: middle;">$XX.XX</span>
</div>

<!--TEXT INPUT BOX-->
<input type="text" placeholder="Promo Code" class="promo" style="width: 175px;">

<!--JQUERY SCRIPT-->
<script type="text/javascript">
//PROMO CODE
$(function () {
$(".promo").bind("change keyup input",function() { 
    var show_promo = true;
    $('.promo').each( function(i) {
        if ($(this).val().length > 0)  {
            show_promo = false;
        } 
    });
    if (show_promo){
            $(".promoPrice1").hide();
    } else {
            $(".promoPrice1").show();
    }
});
});
//END PROMO CODE
</script>

Answer 1

更改

if($(this).val().length > 0)

至

if(($(this).val().length > 0) && $("#promoPrice").is(':checked'))

并添加

$("#promoPrice").click(function(){
    if($(this).is(':checked') && $('.promo').val().length>0){
    $(".promoPrice1").show();
    }
});

工作小提琴-http: //jsfiddle.net/ccv84nc0/1/