javascript - jQuery 基于下拉选择值和单选按钮显示/隐藏文本字段

Question

我正在尝试根据下拉选择值和单选按钮值显示/隐藏隐藏字段。

这是我的代码的一部分：

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 和合作伙伴关系 = Yes 时，我想显示隐藏字段“asset”。

Answer 1

演示

$('#state, input[type="radio"]').change(checkState);

function checkState() {
    var state = $('select').val();
    var partnership = $('input[type="radio"]:checked').val();

    if ((state == "NY") && (partnership == "Yes")) {
        $('#asset').show();
    } else {
        $('#asset').hide();
    }
}

Answer 2

试试这个脚本。更新

$('#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/