admin管理员组文章数量:1023803
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();
}
});
I want to be show the hidden field "asset" when state = NY and when partnership = Yes.
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();
}
});
I want to be show the hidden field "asset" when state = NY and when partnership = Yes.
Share Improve this question edited Apr 18, 2013 at 21:29 user2296886 asked Apr 18, 2013 at 21:16 user2296886user2296886 31 silver badge3 bronze badges 02 Answers
Reset to default 2DEMO
$('#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();
}
}
Try this script. UPDATED
$('#state, input[type="radio"]').change(function () {
if ($('#state').val() == "NY") {
if ($('#partnership').is(':checked')) {
$('#asset').show();
} else {
$('#asset').hide();
}
} else {
$('#asset').hide();
}
});
And a fiddle > http://jsfiddle/Spokey/Tu7Ja/5/
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();
}
});
I want to be show the hidden field "asset" when state = NY and when partnership = Yes.
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();
}
});
I want to be show the hidden field "asset" when state = NY and when partnership = Yes.
Share Improve this question edited Apr 18, 2013 at 21:29 user2296886 asked Apr 18, 2013 at 21:16 user2296886user2296886 31 silver badge3 bronze badges 02 Answers
Reset to default 2DEMO
$('#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();
}
}
Try this script. UPDATED
$('#state, input[type="radio"]').change(function () {
if ($('#state').val() == "NY") {
if ($('#partnership').is(':checked')) {
$('#asset').show();
} else {
$('#asset').hide();
}
} else {
$('#asset').hide();
}
});
And a fiddle > http://jsfiddle/Spokey/Tu7Ja/5/
版权声明：本文标题：javascript - jQuery showhide text field based on a dropdown selection value and a radiobutton - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745596741a2158217.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论