jQuery根据下拉选择值和单选按钮显示/隐藏文本字段 [英] jQuery show/hide text field based on a dropdown selection value and a radiobutton

问题描述

我试图根据下拉选择值和显示/隐藏隐藏字段。

I'm trying to show/hide a hidden field based on a dropdown selection value and a radiobutton value.

以下是我的代码：

Here's part of my code:

State of Issue: 
<select size="1" name="State_of_Issue" class="required" id="state">
<option>MA</option> 
<option>NH</option>
<option>NY</option>
</select>

Partnership:
<input type="radio" name="Partnership" value="Yes" class="required" />Yes
<input type="radio" name="Partnership" value="No" />No

<select name="Asset_Number" id="asset" style="display:none;">
                <option>Total Asset 100%</option>
                <option>Total Asset 50%</option>
                <option>Dollar for Dollar 100%</option>
                <option>Dollar for Dollar 50%</option>
            </select>

Script:
$('#state').change(function () {
   if ($(this).val() == "NY") {
     if ($('#partnership').val() == "Yes") {
        $('#asset').show();                        }
       }
       else {
           $('#asset').hide();    
          }
       });

当state = NY和partnership = Yes时，我想显示隐藏字段asset。

I want to be show the hidden field "asset" when state = NY and when partnership = Yes.

推荐答案

试试这个脚本。 UPDATED

$('#state, input[type="radio"]').change(function () {
    if ($('#state').val() == "NY") {
        if ($('#partnership').is(':checked')) {
            $('#asset').show();
        } else {
            $('#asset').hide();
        }
    } else {
        $('#asset').hide();
    }
});

和小提琴> http://jsfiddle.net/Spokey/Tu7Ja/5/

这篇关于jQuery根据下拉选择值和单选按钮显示/隐藏文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！