2013-04-18 66 views
0

我试图根据下拉选择值显示/隐藏隐藏字段的单选按钮值。jQuery基于下拉选择值和单选按钮显示/隐藏文本字段

这里是我的代码部分:

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();  
      } 
     }); 

我想显示隐藏字段“资产”时,状态= NY,当合伙=是。

回答

1

试试这个脚本。 修订

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

+0

这会为我工作。谢谢! – user2296886

2

DEMO

$('#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(); 
    } 
} 
相关问题