基于选择选项值显示/隐藏复选框 [英] show/hide checkbox based on select option value

问题描述

如何根据选择选项值显示/隐藏复选框？我想在选择选项中显示基于单个值的复选框，并且在选择其他值时要隐藏它。我正在尝试jquery解决方案。

How to show/hide a checkbox based on select option value? I want to show a checkbox based on a single value in select option and want to hide it when other values are selected. I am trying for jquery solution.

$('#abcselect').change(function(){$('#unknownlicense').toggle($(this).val() == 'first')});

推荐答案

$(document).ready(function() {
    $("select").change(function() {
        $("#foo").toggle($(this).val() == "something"));
    }).change(); // in case the first option is selected on page load
});

尝试一下： http://jsfiddle.net/JMGMx/3/

此外，请参阅 http://api.jquery.com/toggle/ 和 http://api.jquery.com/slidetoggle/

这篇关于基于选择选项值显示/隐藏复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！